css中怎样才知道浮动清楚了

在CSS中，浮动是一个非常重要的概念，它可以让元素脱离文档流，对于布局和排版来说非常有用。但是，如果浮动不正确使用，会对布局造成影响。这时就需要用到浮动清除。

当一个元素浮动后，会脱离文档流，导致父元素高度被塌陷，从而使下面的内容错乱。为了解决这个问题，我们需要在父元素中添加一些特殊的CSS属性，来清除浮动。

以下是常用的清除浮动的方法：

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

上述代码中，我们为父元素设置一个 class 为“clearfix”，并在其中加入一个伪元素“:after”，通过设置 clear 属性，使父元素的浮动被清除，从而避免了高度塌陷的问题。

还有一个常用的清除浮动的方法是使用 overflow 属性。通过设置 overflow 属性为 auto 或 hidden 可以自动清除浮动。

.parent {
  overflow: auto;
  /*或者 overflow: hidden;*/
} 

上述代码中，我们为父元素设置 overflow 属性，通过设置 overflow 为 auto 或 hidden ，也可以解决高度塌陷的问题，从而达到清除浮动的效果。

在使用浮动和清除浮动的时候，我们需要注意以下几点：

• 浮动元素必须有宽度。
• 应该将位于浮动元素后面的元素清除浮动。
• 不要滥用浮动，避免出现布局混乱。

总之，在使用浮动时，为了避免布局问题，需要及时清除浮动。以上是常用的清除浮动的方法，大家可以根据实际情况选择合适的方法。