[分享]css中clear属性与取值

在CSS中，有一种属性叫做clear，用来控制浮动元素的行为。当一个元素设置了浮动以后，其它元素可能会被它覆盖掉，使用clear属性可以防止这种覆盖发生。clear属性有以下几个取值：.clearfi...

在CSS中，有一种属性叫做clear，用来控制浮动元素的行为。当一个元素设置了浮动以后，其它元素可能会被它覆盖掉，使用clear属性可以防止这种覆盖发生。

clear属性有以下几个取值：

.clearfix {
  clear: both;
} 

1. none：默认值，不进行清除。

2. left：元素下方不允许有左浮动元素。

3. right：元素下方不允许有右浮动元素。

4. both：元素下方不允许有任何浮动元素。

clear属性常常用在父元素上，通常可以在子元素浮动后，使用一个空div元素并设置clear属性进行清除。

.container::after {
  content: "";
  display: table;
  clear: both;
} 

上面的代码会在.container元素的最后添加一个伪元素，并设置clear属性进行清除。这样在子元素浮动后，就可以保证.container元素的高度正常显示。