父div比子div小

用浏览器调试时发现父div显示height为0,明明子div有好多个,而且都有内容的呀!

经过测试,发现是因为所有子div都设置了浮动的原因

解决方法:

在所有子div后再加一个子div,什么都不用写就可以了,会负责把爸爸撑大的!

如:

<div class="father">
    <div class="son"></div>
    <div class="son"></div>
    <!--额外加一个div-->
    <div></div>
</div>

.son{
    float: left
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章