更新時間:2021-12-08 文章分類:網頁技術課堂
父級容器DIV盒子高度不能自適應一般是因為子級使用了浮動(float)造成,也就是我們所常常說的產生了浮動。導致最外層的父級DIV不能自適應高度-不能隨對象撐開沒有高度。如何解決父div對象自適應高度,方法有以下三種:
給最外層的父級DIV通過CSS設置一個固定的高度即可,此方法適用于能確定父級div內子級對象高度的情況。缺點就是父級是固定高度,不能隨內容高度自適應高度。
對父級div標簽閉合</div>前加一個clear清除浮動對象。
css中添加.clear{ clear:both}
父級div標簽閉合</div>前加<div class="clear"></div>
需要注意是clear:both加的位置,不是對父級直接加clear樣式,而是在父級</div>前加帶clear對象盒子。
此方法非常簡單,推薦使用,可以不增加div盒子對象,只需要對父級加一個overflow:hidden樣式即可。
在父級對應的css樣式中添加overflow:hidden

