BFC

浮動：其實就是使元素脫離文檔流，按照必定的方式排列，遇到相鄰的浮動元素或者父級的邊界停下來。

BFC 就是清浮動 就是用來處理浮動元素脫離文檔流的問題

1.父級也浮動
弊端：左右的margin:0 auto; 會失效；
2.父級加display:inline-block
弊端：左右的margin:0 auto; 會失效；
(若是須要讓元素居中能夠給父級加text-align:center)
3.給父級加高
弊端：擴展性很差
4.br標籤
寫法：<br/>
做用：換行
5.clear
clear 元素的某一方向不容許出現其餘的浮動元素
left
right
both 推薦使用
one
舒適小提示
不符合W3C規範 違反結構 樣式 行爲 三者分離原則
6.僞類清浮動
:after{
content:"";display:block;clear:both;
}
舒適提示：目前主流方法。建議使用