clear:both 是 css 中解決浮動(dòng)元素重疊問題的屬性,其作用為:為當(dāng)前元素指定高度,使之容納所有浮動(dòng)元素。確保當(dāng)前元素下方?jīng)]有浮動(dòng)元素重疊。
clear:both 在 CSS 中的作用
clear:both
是一個(gè) CSS 屬性,用于解決浮動(dòng)元素對塊級(jí)元素的重疊問題。
浮動(dòng)元素會(huì)脫離文檔流,而塊級(jí)元素則會(huì)占據(jù)整個(gè)寬度。當(dāng)塊級(jí)元素包含浮動(dòng)元素時(shí),浮動(dòng)元素可能會(huì)重疊塊級(jí)元素的部分內(nèi)容。
clear:both
屬性的作用是為當(dāng)前元素指定一個(gè)高度,該高度足以容納所有浮動(dòng)元素。這確保了當(dāng)前元素下方?jīng)]有浮動(dòng)元素重疊。
使用 clear:both
的方式很簡單,只需要將其應(yīng)用到需要清除浮動(dòng)元素的元素上即可,例如:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">.container { clear: both; }</code>
登錄后復(fù)制
值得注意的是,clear:both
只能清除當(dāng)前元素上方的浮動(dòng)元素。如果需要清除多個(gè)元素上的浮動(dòng)元素,則需要在每個(gè)元素上使用 clear:both
屬性。