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

css中子元素浮动,无法自动撑开父元素的解决办法,布布扣,bubuko.com

css中子元素浮动,无法自动撑开父元素的解决办法

上一篇:镜像命令


下一篇:打印1~100之间7的倍数的数的个数,及其总和