逆战班：CSS高度塌陷及解决办法

	**高度塌陷：**当父元素不设置高度的时候，第一级子元素浮动后，就会发生父元素高度塌陷，父元素不能自适应子元素的高度。高度塌陷现象如下图所示。

高度塌陷解决办法
1、可以个固定高度去解决解决高度塌陷问题。
弊端：但是不能让元素高度自适应了 。
2、overflow：hidden; 解决高度塌陷并能实现高度自适应（遵循BFC的显示原则）；
弊端：只要里面的内容或者元素超出父元素以外，就会被隐藏；
3、在浮动元素的下方添加一个空元素，并且给他设置一下属性：空标记：

	.clear_fix{
		clear:both;
		height:0;
		overflow:hidden;
	}
	<div class="clear_fix"></div>

	  弊端：会添加很多空标记，增加结构负担，产生代码冗余；     
	   4、display:table;   给父元素添加display：table；让父元素转换元素类型跟表格的特性一样；
	   弊端：会改变当前元素的元素类型；      
	   5、万能清除法：

	**class名**:after{
		content:“";
		clear:both;
		display:block;
		height:0;
		overflow:hidden;
		visibility:hidden;
	}```
		   说明：推荐使用万能清除法；
		   弊端：单词太多，不好记