clear和clearfix都是用于解決浮動元素會導致父元素高度塌陷的問題。
clear屬性用于指定一個元素的邊框不允許相鄰浮動元素出現。它有以下幾個取值：
none： 默認值，邊框允許相鄰浮動元素。
left： 左邊邊框不允許相鄰浮動元素。
right： 右邊邊框不允許相鄰浮動元素。
both： 兩邊邊框都不允許相鄰浮動元素。
clearfix是一種清除浮動的技術，它通過添加一個偽元素或者清除元素的方式，讓父元素能夠正確計算浮動元素的高度，從而避免高度塌陷問題。通常，為了清除浮動，會給父元素添加一個clearfix類，然后在CSS中定義clearfix類的樣式，可以使用以下方式：
.clearfix::after {
content: "";
display: table;
clear: both;
}
這樣就能讓父元素正確計算浮動元素的高度，并避免高度塌陷問題。
