HTML5 <section> 元素在 Firefox 3.6.x 中不接受负边距顶部答案

【问题标题】：HTML5 <section> element doesn't accept a negative margin-top in Firefox 3.6.xHTML5 <section> 元素在 Firefox 3.6.x 中不接受负边距顶部
【发布时间】：2010-05-11 01:16:14
【问题描述】：

我正在尝试对元素使用负上边距，但它在 Firefox 中不起作用。 Chrome 和 IE（使用 HTML5-shiv）正在正确呈现它。我已经给出了 HTML5 元素（包括一个 display: 块）。

想法？如果需要，请使用 CSS：

aside, article, section { display: block; }


section#banner {
background: url(images/banner.png) no-repeat 3px 3px;
border: #CCD1DB 1px solid;
-moz-border-radius: 10px; /* FF1+ */
-webkit-border-radius: 10px; /* Saf3+, Chrome */
border-radius: 10px; /* Opera 10.5, IE 9 */
-moz-box-shadow: 0px 0px 4px #E0E3E9; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #E0E3E9; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #E0E3E9; /* Opera 10.5, IE 9.0 */
display: block;
height: 350px;
margin: -50px auto 0;
overflow: hidden;
padding: 3px;
position: relative;
width: 600px;
}

【问题讨论】：

您不应该使用section 进行样式设置，而是使用 div。
@rebus：你说得有道理，一个部分类似于一章，而不是一个页面的划分：w3.org/TR/2010/WD-html5-20100304/…
不要使用节来设置元素的样式。它不是为此而设计的，它不会起作用。

标签： css firefox html

【解决方案1】：

http://dev.w3.org/html5/spec/Overview.html#the-section-element

section 元素不是泛型的容器元素。当一个元素是需要用于造型目的或作为方便编写脚本，作者是鼓励使用 div 元素反而。一般规则是 section 元素仅在以下情况下才适用元素的内容将被列出明确地在文档的大纲中。

【讨论】：

谢谢。有点荒谬，imo ...但我很欣赏这个参考。
这并不意味着你不能，只是你不应该。
不幸的是，将其更改为
并不能解决问题。 :(
CSS 有时很难调试，可能有其他样式应用于#banner 元素共同导致这种行为。尝试检查 Firebug addons.mozilla.org/en-US/firefox/addon/1843
是的，我用萤火虫检查过，它显示负边距存在，但内容没有向上移动。