CSS：clear 属性

clear 是一个用于规定一个元素的哪一侧不允许其他浮动元素的 CSS 属性。通常，当元素设置了 float 属性时，它会脱离正常的文档流，可能导致后续的元素受到影响，特别是在高度较小的容器中。clear 属性允许你指定元素的哪一侧不允许浮动元素存在。

clear 属性有三个可能的值：

1. left：元素的左侧不允许浮动元素存在。
2. right：元素的右侧不允许浮动元素存在。
3. both：元素的左右两侧都不允许浮动元素存在。

以下是一个简单的示例：

.float-left {
  float: left;
}

.clear-left {
  clear: left;
}

.clear-both {
  clear: both;
}

在这个例子中，.float-left 类将使元素向左浮动，.clear-left 类将使另一个元素在其左侧不允许浮动元素存在。同样，.clear-both 类将使另一个元素在左右两侧都不允许浮动元素存在。

需要注意的是，clear 只影响浮动元素对当前元素的影响，而不是直接清除浮动。在现代 CSS 布局中，通常更推荐使用 Flexbox 或 Grid 布局，而不是浮动和 clear 属性。

转载请注明出处：http://www.pingtaimeng.com/article/detail/6044/CSS