BFC與清除浮動

BFC 的特性

1. 内部的 Box 會在垂直方向上一個接一個的放置。
2. 垂直方向上的距離由 margin 決定
3. bfc 的區域不會與 float 的元素區域重疊。
4. 計算 bfc 的高度時，浮動元素也參與計算
5. bfc 就是頁面上的一個獨立容器，容器裡面的子元素不會影響外面素。

如何清除浮動？

不清除浮動會發生高度塌陷：

浮動元素父元素高度自适應（父元素不寫高度時，子元素寫了浮動後，父元素會發生高度塌陷）

1. clear清除浮動（添加空div法）在浮動元素下方添加空div,并給該元素寫css樣式： {clear:both;height:0;overflow:hidden;}
2. 給浮動元素父級設定高度
3. 父級同時浮動（需要給父級同級元素添加浮動）
4. 父級設定成inline-block，其margin: 0 auto居中方式失效
5. 給父級添加overflow:hidden 清除浮動方法
6. 萬能清除法 after僞類 清浮動（現在主流方法，推薦使用）

.float_div:after{
	content:".";	
	clear:both;	
	display:block;	
	height:0;	
	overflow:hidden;	
	visibility:hidden;	
	}
	
.float_div{
	zoom:1
	
}