CSS中解決高度塌陷（打開BFC）的問題

在div中使用float時，經常會碰到父級標籤高度塌陷的問題，這個時候我們就需要打開父級標籤的BFC模式來解決高度塌陷的問題。

解決高度塌陷有以下三種方法：

第一：

在父級標籤的CSS中加入以下代碼

overflow: hidden;

第二：

在父級標籤中加入一個div標籤，類名爲clear，給標籤設置以下CSS

clear: both;

第三：

在父級標籤中添加clearfix的類名，在CSS中添加僞類的詳細參數，其實現原理與第二中方法相同，但是可以省去添加div的步驟

clearfix:after{
    content: '';
    display: block;
    clear: both;
}