清除浮動的兩種寫法是使用空元素和使用偽元素。
<div>
元素,并給它添加一個特定的類名,比如 clearfix
。然后在 CSS 中為這個類名設置樣式,包括清除浮動的屬性。HTML:
<div class="clearfix">
<!-- 浮動元素 -->
</div>
CSS:
.clearfix::after {
content: "";
display: table;
clear: both;
}
::after
,并為其添加樣式,包括清除浮動的屬性。HTML:
<div class="parent-element">
<!-- 浮動元素 -->
</div>
CSS:
.parent-element::after {
content: "";
display: table;
clear: both;
}
這兩種寫法都能實現清除浮動的效果,選擇哪一種取決于個人的喜好和項目的要求。