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>

css

相关推荐