clear 屬性允許元素脫離浮動流,即清除浮動,其用法如下:left:清除左側浮動元素right:清除右側浮動元素both:清除所有浮動元素
clear 在 CSS 中的用法
clear 屬性的作用
clear 屬性允許元素脫離由浮動元素創建的浮動流,即清除浮動。
使用方法
clear 屬性有兩個主要值:
left:清除元素左側的浮動元素。
right:清除元素右側的浮動元素。
應用示例
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">/* 清除左側的浮動元素 */ .container { clear: left; } /* 清除右側的浮動元素 */ .container { clear: right; } /* 清除所有浮動元素 */ .container { clear: both; }</code>
登錄后復制
何時使用
clear 屬性通常在以下情況下使用:
當浮動元素導致文本或其他內容換行時。
當想要將元素放置在浮動元素的旁邊時。
當想要清除多列浮動元素時。
注意
clear 屬性只影響當前元素及其后代元素的位置。
clear 屬性不適用于塊級元素,因為它本身就沒有浮動。
如果一個元素的父元素設置了 float 屬性,則該元素不能使用 clear 屬性。在這種情況下,父元素必須先清除浮動。