CSS父级边框塌陷的问题的四种解决方案

解决方案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;
}