css中子元素浮動，無法自動撐開父元素的解決辦法

<div>
    <div style="float:left;">left</div>
    <div style="float:right;">right</div>
</div>

如上代碼所示，父div的高度並不會隨着兩個子div的增高而增高。解決辦法：

給父div加一個 overflow:hidden 屬性即可。如下：

<div style="overflow:hidden;">
    <div style="float:left;">left</div>
    <div style="float:right;">right</div>
</div>

 

友情支持：http://www.tea119.com