解決浮動帶來影響的方法

# 浮動會帶來的影響

—— 會造成父標簽塌陷的問題

解決辦法：

方法一：自己加一個div，設置高度

方法二：利用clear屬性

#d1{
     clear: left;  /*該標簽的左邊(地面和空中)都不能有浮動的元素*/
   }

方法三：使用通用方法

　　在寫HTML代碼前，先提前寫好處理浮動帶來的影響的css代碼：

.clearfix:after {
            content: ''; /*定義內容為空*/
            display: block;  /*將屬性設置為塊兒屬性(獨占一行)*/
            clear: both;
        }

<div id="d1" class="clearfix">

</div>

　　之後只要標簽出現了塌陷的問題，就給該塌陷的標簽加一個clearfix屬性即可

　　上述的解決方式是通用的，到哪都一樣，並且名字就叫clearfix