原文鏈接：http://blog.sina.com.cn/s/blog_674379bf0100lyy3.html

?

?

方法一：

編寫CSS使用DIV的FLOAT屬性使元素浮動，在父容器中添加zoom:1;overflow:auto可以解決父容器高度不跟隨子元素擴大的問題；

沒使用

<div style=’background-color:#ccc’>

?????? <div style=’float:left;height:100px;width:100px’>1</div>

?????? <div style=’float:left;height:100px;width:100px’>2</div>

</div>

效果圖如下:


有使用

<div style=’zoom:1;overflow:auto;background-color:#ccc’>

?????? <div style=’float:left;height:100px;width:100px’>1</div>

?????? <div style=’float:left;height:100px;width:100px’>2</div>

</div>

?效果圖如下:

方法二：

在父窗口的里面加一個div，style設置成clear:both就好了，例如：<div style="clear:both"></div>

轉載于:https://www.cnblogs.com/lynn995/archive/2011/05/31/2064084.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的【转】解决父容器高度不跟随子元素扩大的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。