基本知識點：
1.div的高度由div內部的內容高度決定
2. float浮動后div脫離文檔流
所以：當一個div內部嵌套的div浮動后，外部的div高度會塌陷。
解決思路：
一 ?。清除浮動（則塌陷高度被新的塊兒元素填充）
1.可以添加一個空的div并清除浮動
缺點：增加了一個空的容器
2.可以在父容器中添加一個偽類代替div
缺點：若有多個同一名稱class則會造成麻煩
3.綜上，用clearfix來單獨設置一個偽類
既不需要添加空容器，且不會對其他塊兒元素造成影響
樣式如下：
.clearfix:after{
content: '';
display: block;
clear: both;
}
二。BFC（觸發BFC,使容器的外部和子元素外部重合）
