css浮动时父元素高度塌陷解决方案
- 给父元素添加高度height使之超过子元素高度
#father{
border: 1px #000 solid;
height: 800px;
}
- 增加一个空的div(class=“clear”)标签,清除浮动
<div id="father"></div>
<div class="clear"></div>
<style>
.clear{
clear: both;
margin: 0;
padding: 0;
}
</style>
-
在父级元素中增加一个 overflow: hidden; overflow: scroll;
-
父类添加一个伪类:after
#father:after{
content: '';
display: block;
clear: both;
}
.