[分享]css中clear的作用是

在CSS中，clear属性用于定义一个元素应该停止在左侧、右侧，或者对其它浮动元素应该如何表现。当一个元素被浮动时，其周围的元素可能会对其产生影响，因为它们会尝试填充浮动元素周围的空白空间。当在一个元...

在CSS中，

clear

当在一个元素上设置了clear: left;属性，它将会停止在左侧浮动元素的边框之外。同样地，clear: right;属性会让元素停止在右侧浮动元素的边框之外。而clear: both;属性则会让元素停止在左右两侧的所有浮动元素之外。

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

使用clear属性可以帮助元素摆脱周围浮动元素的影响，避免出现不必要的布局问题。它可以应用于多种场景，例如在两栏或三栏布局中，元素需要避开横跨多列的浮动元素。在使用float属性布局时，一般都需要为布局中的元素设置清除浮动。