clearfix是一種CSS技術，用于解決浮動元素導致的父元素高度塌陷的問題。當一個元素使用浮動屬性后，其父元素的高度會丟失，導致父元素無法自動適應內容高度。為了解決這個問題，可以在父元素中添加clearfix類或偽元素::after，并為其添加清除浮動的樣式規則，使父元素能夠正確計算高度。
clearfix的樣式規則通常包括以下內容：
.clearfix::after {
content: “”;
display: table;
clear: both;
}
這樣，添加了clearfix類或偽元素的父元素就能夠自動適應浮動元素的高度，避免高度塌陷的問題。
