clear 是一个 CSS 属性,通常用于控制一个元素在其前面的浮动元素的影响。这个属性定义了一个元素的哪一侧不允许浮动元素存在。

clear 属性有以下几个可能的值:

1. none(默认值): 允许元素的两侧都可以存在浮动元素。
2. left: 元素的左侧不允许存在浮动元素。
3. right: 元素的右侧不允许存在浮动元素。
4. both: 元素的两侧都不允许存在浮动元素。

示例:
.clearfix {
  clear: both;
}

在上面的示例中,.clearfix 类被用于清除其前面的浮动元素的影响,使得 .clearfix 元素的下方不再存在浮动元素。这种技术通常被用于处理父元素包含浮动子元素时导致的高度塌陷问题。

需要注意的是,clear 属性只对浮动元素起作用。如果在项目中使用了 Flexbox 或 Grid 布局,可能会有其他更现代的方式来处理布局问题。在一些场景下,你可能会看到使用伪元素 ::after 和 content: ""; 来清除浮动的方法,这也是一种常见的做法。


转载请注明出处:http://www.zyzy.cn/article/detail/4159/CSS