为什么FireFox没有保证金？

Question

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

Answer 1

这对我来说似乎是一个边缘。

Answer 2

在检查了您网页的html代码后，我在#topheader hgroup css中找出了以下问题：

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

Answer 3

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

Answer 4

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

#topheader hgroup {
  display:block;
}

Answer 5

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

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

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

也将:更改为;;）

这适用于所有浏览器。