css中如何清除浮动

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

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

1. 使用空的

   元素来清除浮动：

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

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

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

   .clearfix {
     overflow: hidden;
   }
   

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

3. 使用 clearfix 类库来清除浮动：

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

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

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