clear 屬性允許元素脫離浮動(dòng)流,即清除浮動(dòng),其用法如下:left:清除左側(cè)浮動(dòng)元素right:清除右側(cè)浮動(dòng)元素both:清除所有浮動(dòng)元素
clear 在 CSS 中的用法
clear 屬性的作用
clear 屬性允許元素脫離由浮動(dòng)元素創(chuàng)建的浮動(dòng)流,即清除浮動(dòng)。
使用方法
clear 屬性有兩個(gè)主要值:
left:清除元素左側(cè)的浮動(dòng)元素。
right:清除元素右側(cè)的浮動(dòng)元素。
應(yīng)用示例
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">/* 清除左側(cè)的浮動(dòng)元素 */ .container { clear: left; } /* 清除右側(cè)的浮動(dòng)元素 */ .container { clear: right; } /* 清除所有浮動(dòng)元素 */ .container { clear: both; }</code>
登錄后復(fù)制
何時(shí)使用
clear 屬性通常在以下情況下使用:
當(dāng)浮動(dòng)元素導(dǎo)致文本或其他內(nèi)容換行時(shí)。
當(dāng)想要將元素放置在浮動(dòng)元素的旁邊時(shí)。
當(dāng)想要清除多列浮動(dòng)元素時(shí)。
注意
clear 屬性只影響當(dāng)前元素及其后代元素的位置。
clear 屬性不適用于塊級(jí)元素,因?yàn)樗旧砭蜎](méi)有浮動(dòng)。
如果一個(gè)元素的父元素設(shè)置了 float 屬性,則該元素不能使用 clear 屬性。在這種情況下,父元素必須先清除浮動(dòng)。