为什么 FireFox 中没有边距？

Question

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

Answer 1

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

#topheader hgroup {
  display:block;
}

Answer 2

这对我来说看起来像是一个边际。

Answer 3

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

overflow:visible:; 从可见末尾删除该列。即溢出：可见；

Answer 4

哪个版本的火狐浏览器？ Firefox4 确实显示边距，但 FF3.x 可能不会，因为它没有新 HTML5 元素的内置样式。您必须添加“display:block”才能正确渲染。

Answer 5

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

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

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

还将 : 更改为 ; ;)

这适用于所有浏览器。