CSS中的clear屬性用于控制元素如何影響浮動元素。

clear屬性可以應(yīng)用于元素自身，也可以應(yīng)用于它們的容器。在應(yīng)用于元素自身時，clear屬性指示元素是否應(yīng)該被放置在浮動元素的下面。當(dāng)在容器上應(yīng)用clear屬性時，它指示容器是否應(yīng)該包括浮動元素。

clear屬性有4個可能的值：none、left、right、both。

none：元素可以放置在浮動元素的左側(cè)或右側(cè)。這是默認(rèn)值。

.selector {
clear: none;
}

left：元素必須放置在浮動元素左側(cè)。

.selector {
clear: left;
}

right：元素必須放置在浮動元素右側(cè)。

.selector {
clear: right;
}

both：元素必須放置在浮動元素的下方，不論浮動元素是左側(cè)還是右側(cè)。

.selector {
clear: both;
}

在實(shí)際應(yīng)用中，使用clear屬性可以很好地控制頁面布局，防止出現(xiàn)意外的元素堆疊或失位。需要注意的是，過度使用clear屬性也可能導(dǎo)致布局的不穩(wěn)定性，因此建議僅在必要時使用。