父级边框塌陷问题

1.增加父级元素~

#father{

border:1px #000 soild;

height:800px

}

2.增加一个空的div标签，清除浮动

<div class="clear"></div>

.clear{

clear:both;

margin:0;

padding:0;

}

3.使用overflow

4.在父类添加一个伪类after可避免父级边框塌陷的问题（很重要）

 .kuang:after{

content: "";

display: block;

clear: both;

}