CSS浮動是網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的一種布局方式，可以讓元素在頁面中左右對齊或者讓次序改變，但是有時(shí)候需要讓浮動元素強(qiáng)制換行以便于布局。下面介紹一下如何實(shí)現(xiàn)。 首先，我們需要了解浮動元素有一個(gè)特性，那就是當(dāng)浮動元素左右對齊時(shí)，其高度不會自適應(yīng)。舉個(gè)例子，我們有兩個(gè)塊級元素，分別設(shè)置了浮動樣式，在同一行左右對齊。如下所示：

p {
float:left;
width:50%;
}

左側(cè)文本

右側(cè)文本

這時(shí)候，兩個(gè)元素就會左右對齊了，但是它們的高度不會自適應(yīng)，產(chǎn)生了重疊的效果。如下圖所示：  我們需要讓這兩個(gè)元素強(qiáng)制換行，讓它們單獨(dú)占一行。這時(shí)候我們可以使用清除浮動的技術(shù)。清除浮動是一種讓容器元素適應(yīng)浮動元素高度的方法，通常使用 `clear` 屬性實(shí)現(xiàn)。 清除浮動的方式有很多，下面介紹最常用的兩種。 1. 使用空元素清除浮動。這種方式是在浮動元素后面添加一個(gè)空元素，設(shè)置 `clear:both` ，讓容器元素自適應(yīng)高度。如下所示：

.clearfix::after {
content:"";
display:block;
clear:both;
}
p {
float:left;
width:50%;
}

2. 使用overflow屬性清除浮動。這種方式是在容器元素上設(shè)置overflow屬性，讓其成為BFC（塊級格式化上下文），從而適應(yīng)浮動元素高度。如下所示：

.container {
overflow:hidden;
}
p {
float:left;
width:50%;
}

以上就是兩種清除浮動的方式，可以讓浮動元素強(qiáng)制換行。需要注意的是，如果浮動元素位置發(fā)生變化，容器元素也需要重新設(shè)置清除浮動的樣式，以保證布局正確。 使用這些方法可以讓浮動元素在頁面中實(shí)現(xiàn)更加靈活的布局，同時(shí)保證網(wǎng)頁的外觀和用戶體驗(yàn)。