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