給父級元素新增高度
優點：解決簡單
缺點：就不能做到寬高自適應了
在出現高度塌陷的父級元素設定overflow:hidden
優點：可以解決高度塌陷並且能做到自適應，好理解
缺點：超出當前父級元素的盒子都會被隱藏掉
在最後一個盒子新增標籤div，設定解決高度塌陷的樣式
預設樣式：clear：both 清除both 所以 left/right
清除浮動的原理：清除浮動元素預留下來的空間，為了放心一個浮動元素，清除了上方預留空間，所以可以解決高度塌陷
優點：出現高度塌陷的地方加一個標籤即可
缺點：新增盒子，出現一些不必要的佈局結構，程式碼冗餘
萬能清楚法 – 不好理解,會用就行
在當前出現高度塌陷的元素上新增類名 clear-fix
clear-fix::after{
content:"";
width:100%;
height:0;
display:block;
clear:both;
overflow:hidden;
visibility:hidden;
}
優點：清除方便
缺點：程式碼多，難理解