解决方案1:增加父级元素的高度
#father{
border:1px #000 solid;
height: 800px;
}
解决方案2:增加一个空的div子标签清除浮动
<div class="clear"><div>
.clear{
clear:both;
margin:0;
padding:0;
}
**解决方案3:使用overflow属性隐藏浮动 **
<!-- 在父级元素中增加一个属性 -->
#father{
overflow: hidden;
}
解决方案4:在父类中添加一个伪类:after
#father:after{
content: '';
display: block;
clear: both;
}