清除浮動是為了解決父元素因為子元素浮動而導致高度塌陷的問題。以下是幾種常用的清除浮動的寫法：
1. 使用空的clear-fix元素：
.clearfix::after { content: "";
display: table;
clear: both;
}
然后在包含浮動元素的父元素上添加.clearfix類。
2. 使用overflow屬性：
.parent { overflow: auto;
}
這會觸發BFC（塊級格式化上下文），從而自動清除浮動。
3. 使用clearfix類選擇器：
.clearfix:before,.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1; /* 兼容IE */
}
然后在包含浮動元素的父元素上添加.clearfix類。
這些方法中，第一種和第三種方式使用偽元素來插入一個空元素，通過設置clear: both將其放置在浮動元素之后，從而清除浮動。第二種方法利用overflow屬性來創建一個新的塊級格式化上下文，它會包裹住浮動元素并自動清除浮動。根據具體情況，選擇其中一種方式即可。
