css中清除浮动的几种方式

1. 使用clear属性，给浮动元素的下一个元素添加clear属性，可以清除浮动。例如：clear:both;

2. 使用overflow属性，给浮动元素的父元素添加overflow属性，可以清除浮动。例如：overflow:hidden;

3. 使用伪元素：在浮动元素的父元素中添加一个空的伪元素，使用clear属性清除浮动。例如：.clearfix::after {content:""; display:block; clear:both;}

4. 使用display属性，给浮动元素的父元素添加display属性为inline-block或table，可以清除浮动。例如：display:inline-block; 或 display:table;

5. 使用float属性，给浮动元素的父元素添加float属性，可以清除浮动。例如：float:left; 或 float:right;