在CSS中，向下浮動(dòng)是一種常見(jiàn)的布局選項(xiàng)。它可以使一行或多行文本向下移動(dòng)，以便在頁(yè)面上留出空間。CSS中實(shí)現(xiàn)這一功能的方法是使用float屬性。

.example {
float: left;
}

上面的代碼將選擇器example向左浮動(dòng)。這意味著它將從其容器的左側(cè)開(kāi)始，并盡可能地填充容器的寬度。如果其他元素也使用了float屬性，它們將緊密地排列在一起。

通常情況下，向下浮動(dòng)是與clear屬性一起使用的。clear屬性用于清除照片的某一側(cè)，以便避免包裹。以下示例說(shuō)明如何使用clear屬性：

img {
float: left;
margin: 0 10px 10px 0;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

上面的代碼將圖像向左浮動(dòng)，并將距離設(shè)置為10像素。它還定義了一個(gè)新類(lèi)clearfix來(lái)清除浮動(dòng)。該類(lèi)重寫(xiě):before和:after偽元素，以確保內(nèi)容在以下內(nèi)容緊隨其后，使清除之前能夠避免浮動(dòng)的外部包裝。

在實(shí)際的實(shí)現(xiàn)中，還有其他方法可以清除浮動(dòng)。最常見(jiàn)的方法是將clearfix類(lèi)應(yīng)用于父容器并確保：after偽元素使用clear屬性。以這種方式，可以確保沒(méi)有任何空間被留下來(lái)，并且頁(yè)面布局看起來(lái)更加整齊。

總之，向下浮動(dòng)是一種強(qiáng)大的布局技術(shù)，可以使頁(yè)面上的文本和圖像更易于閱讀和導(dǎo)航。通過(guò)清除浮動(dòng)，可以確保頁(yè)面在各種大小和分辨率的屏幕上正確顯示。