首先，我們制作壹個簡單的html頁面。父級元素是div，內部元素，是兩個ul，兩個ul分別是左浮動。並且為父級元素添加邊框。
2/7
我們可以發現，父級元素根本沒有被子元素的高度所撐開，而是只保持了h標簽的高度，這就是浮動，導致的。
3/7
清除浮動，顧名思義就是clear:both，這的確是壹種方法，但是要確定我們的clear:both是應用在哪裏。
4/7
我們可以在html頁面上，最後壹個浮動元素的後面，添加壹個div，並設置其style為clear:both。
5/7
我們還可以為浮動的元素的父級元素添加偽類，*::after{content""; display:block; clear:both}，這樣將會使得浮動止於此
6/7
除了這些，我們還可以為父級元素添加overflow屬性，可以設為hidden,也可以設為auto
7/7
以上三種方法是小漁自己通過親身經歷，總結而來的哦。正確的頁面顯示效果如圖所示