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

 

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