w3cschool結合這篇文章https://segmentfault.com/a/1190000004865198
清除浮動的方法可以分成兩類：
一是利用 clear 屬性，包括在浮動元素末尾添加一個帶有 clear: both 屬性的空 div 來閉合元素，其實利用 :after 僞元素的方法也是在元素末尾添加一個內容爲一個點並帶有 clear: both 屬性的元素實現的。
二是觸發浮動元素父元素的 BFC (Block Formatting Contexts, 塊級格式化上下文)，使到該父元素可以包含浮動元素，關於這一點。給浮動元素的容器添加overflow:hidden;或overflow:auto;
在網頁主要佈局時使用:after僞元素方法並作爲主要清理浮動方式；在小模塊如ul裏使用overflow:hidden;（留意可能產生的隱藏溢出元素問題）；如果本身就是浮動元素則可自動清除內部浮動，無需格外處理；正文中使用鄰接元素清理之前的浮動。
最後可以使用相對完美的:after僞元素方法清理浮動，文檔結構更加清晰。
w3cshool介紹的方法是
爲了解決這個問題，有些人選擇對佈局中的所有東西進行浮動，然後使用適當的有意義的元素（常常是站點的頁腳）對這些浮動進行清理。這有助於減少或消除不必要的標記。
事實上，W3School 站點上的所有頁面都採用了這種技術，如果您打開我們使用 CSS 文件，您會看到我們對頁腳的 div 進行了清理，而頁腳上面的三個 div 都向左浮動。
