Html：可能的原因，爲什麼容器div可以爲零大小

我不知道爲什麼div元素有時在包含html佈局時是零。我想設置背景色但徒勞無功。我使用螢火蟲來調查佈局，並注意到有些div是空的。Html：可能的原因，爲什麼容器div可以爲零大小

例如這個骯髒的HTML（屬性值被省略......）已經DIV是zerosized：

<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>

我該怎麼辦，以避免這樣的問題？

預先感謝您！

來源

2010-07-31 Andrew Florko

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

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

來源

2010-07-31 10:15:54 Sarfraz

哦，謝謝！即使沒有身高，你也提供了絕對的解決方案但是，爲什麼我的div是零大小的原因是什麼？什麼時候應該添加溢出：自動到div，何時可以省略此屬性？ – 2010-07-31 10:23:10

@Andrew：看到這個：http://www.quirksmode.org/css/clearing.html。當你的父容器div浮動時，你應該添加溢出。 – Sarfraz 2010-07-31 10:25:37

Html：可能的原因，爲什麼容器div可以爲零大小

回答

相關問題