在CSS中,clear屬性用于控制元素的浮動行為。
clear屬性有以下幾個可能的取值:
none:默認值,表示元素不受浮動元素的影響,可以與浮動元素共同存在。
left:元素的頂部不允許出現浮動元素。
right:元素的頂部不允許出現浮動到右側的元素。
both:元素的頂部不允許出現浮動元素,無論其是浮動到左側還是右側。
clear屬性通常在需要清除浮動的情況下使用,以確保某個元素不受浮動元素的影響。例如,當一個元素前面有浮動元素,并且希望該元素出現在浮動元素的下方時,可以使用clear屬性。
示例代碼:
<div class="float-left"></div>
<div class="clear"></div>
.float-left {
float: left;
width: 200px;
height: 200px;
}
.clear {
clear: both;
}
以上代碼中,第一個div元素使用float屬性浮動到左側,第二個div元素使用clear屬性清除浮動,使其出現在第一個div元素的下方。