我正在尝试在元素上使用负上边距,但它在Firefox中不起作用。 Chrome和IE(使用HTML5-shiv)正确呈现它。我已经给出了HTML5元素(包括display:block)。
思考? 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;
}
答案 0 :(得分:3)
http://dev.w3.org/html5/spec/Overview.html#the-section-element
section元素不是通用的 容器元素。当一个元素是 需要造型或作为 编写脚本的便利性,作者 鼓励使用div元素 代替。一般规则是 section元素仅适用于 将列出元素的内容 明确地在文件的大纲中。