css中如何清除浮动

在 CSS 中，可以使用 clear 属性来清除浮动。

常用的清除浮动方法有以下几种：

使用空的 <div> 元素来清除浮动：

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

在需要清除浮动的父元素上添加 clearfix 类，使用 ::after 伪元素，并设置 content 为一个空字符串，display 为 table，clear 为 both。

使用 overflow: hidden 属性来清除浮动：

.clearfix {
  overflow: hidden;
}

在需要清除浮动的父元素上添加 clearfix 类，并设置 overflow 为 hidden。

使用 clearfix 类库来清除浮动：

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

在需要清除浮动的父元素上添加 clearfix 类，并在 CSS 文件中添加上述的 clearfix::after 和 .clearfix 的样式。同时，为了兼容老版本的 IE 浏览器，可以使用 *zoom: 1; 来触发 IE 的 hasLayout 属性。

以上是常用的几种方法来清除浮动，可以根据实际情况选择合适的方法。