CSS解决父级边框坍塌的方法

解决方案

1.增加父级元素的高度

.father{
	border : 1px solid red;
	height : ???px;
}

2.新增一个空的div，清除浮动（简单，但尽量避免在代码中添加空的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;
}