溫馨提示×

css中clear的用法

css
小億
134
2023-12-20 17:52:26
欄目: 編程語言

在CSS中,clear屬性用于控制元素的浮動行為。

clear屬性有以下幾個可能的取值:

  1. none:默認值,表示元素不受浮動元素的影響,可以與浮動元素共同存在。

  2. left:元素的頂部不允許出現浮動元素。

  3. right:元素的頂部不允許出現浮動到右側的元素。

  4. 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元素的下方。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女