为什么在 FireFox 中没有边距？

【问题标题】：Why no margin in FireFox?为什么在 FireFox 中没有边距？
【发布时间】：2011-08-07 06:58:45
【问题描述】：

http://dl.dropbox.com/u/18795563/BLOGDESIGNNEW/index.html 在Firefox中，为什么标题中的hgroup左侧没有边距？它在 Chrome 和 Safari 中运行良好。如何让它在 FireFox 中工作？

【问题讨论】：

【解决方案1】：

我认为问题在于 hgroup 的默认显示设置是内联的。将其设置为阻止将解决您的边距问题。

#topheader hgroup {
  display:block;
}

【讨论】：

【解决方案2】：

Firefox 的哪个版本？ Firefox4 会显示边距，但 FF3.x 可能不会，因为它没有新 HTML5 元素的内置样式。您必须添加 'display:block' 才能正确呈现。

【讨论】：

【解决方案3】：

保证金在大多数情况下不起作用。那是因为它应该计算与外部元素的距离。这很难。

你应该尝试填充而不是边距：

#topheader hgroup {
padding: 1em;
overflow: visible;
}

还将: 更改为; ;)

这适用于所有浏览器。

【讨论】：

【解决方案4】：

在检查了您页面的 html 代码后，我在#topheader hgroup css 中发现了以下问题：

overflow: visible:;从可见的末尾删除列。即overflow: visible;

【讨论】：

【解决方案5】：

这对我来说似乎是一个空白。

【讨论】：