为什么剖面元素的背景不显示（高度0）？

Question

我注意到在下面的示例中，请注意这些类，如果类css干扰，我使用的是960gs

HTML

<section id="main" class="container_12">
  <div class="grid_12">
    <article>
    ...

CSS

header, footer, section, article, nav, aside { display: block; }
#main { background: #fff; }

我注意到#main在萤火虫中的height为0。如果我做了

#main .grid_12 { background: #fff; } 

它有效

我注意到，如果我使用div代替section css正常工作

更新

原来是因为导致问题的div.grid_12或更确切div.grid_x，如果我删除了<div>，即使我使用<section> < / p>

<section id="main" class="container_12">
  <div class="grid_10"> <!-- <<< this div -->

Answer 1

来自spec：

  

section元素不是通用容器元素。 当出于样式目的需要元素或作为脚本编写的便利时，鼓励作者使用div元素。一般规则是，只有元素的内容在文档大纲中明确列出时，section元素才适用。

Answer 2

我找到了答案，grid_x有float: left我需要清除它