Html:容器 div 大小为零的可能原因

Question

我想知道为什么 div 元素在包含 html 布局时有时会被归零。我想设置背景颜色但徒劳无功。我使用 Firebug 来调查布局并注意到一些 div 是空的。

例如，这个脏 HTML(属性值被 ... 省略)具有零大小的 div:

    <div id="..." style="background-color:#f00; ">                                          
      <a id="..." href="javascript:void(0);" class="reportTitle"
onclick="reportClick(...)" style="float: left">...</a>
      <img id="..." class="hidden" src="..." style="padding: ..."/>
   </div>

我应该怎么做才能避免此类问题？

提前致谢!

Answer 1

只需将 overflow:auto 添加到您的容器 div 中:

style="background-color:#f00; overflow:auto;"