在css中，可以利用clear屬性清除左右浮動(dòng)，該屬性的作用就是規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素，當(dāng)屬性的值為“both”時(shí)，在元素的左右兩側(cè)均不允許浮動(dòng)元素，也就是清除左右浮動(dòng)，語(yǔ)法為“元素{clear:both;}”。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css怎樣清除左右浮動(dòng)

在css中，清除左右浮動(dòng)，需要通過(guò)clear屬性，clear 屬性規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。

clear 屬性定義了元素的哪邊上不允許出現(xiàn)浮動(dòng)元素。在 CSS1 和 CSS2 中，這是通過(guò)自動(dòng)為清除元素（即設(shè)置了 clear 屬性的元素）增加上外邊距實(shí)現(xiàn)的。在 CSS2.1 中，會(huì)在元素上外邊距之上增加清除空間，而外邊距本身并不改變。不論哪一種改變，最終結(jié)果都一樣，如果聲明為左邊或右邊清除，會(huì)使元素的上外邊框邊界剛好在該邊上浮動(dòng)元素的下外邊距邊界之下。

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

其中：

示例如下：

輸出結(jié)果：

（學(xué)習(xí)視頻分享：css視頻教程）

以上就是css怎樣清除左右浮動(dòng)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注有啊網(wǎng)站百科其它相關(guān)文章！

• 喜歡（11）
• 不喜歡（1）

本文鏈接：http://www.yongsung168.cn/ask-css/24770.html