css清理左右浮动代码(css如何清理左右浮动)

CSS中设置浮动元素，是让元素向左或者向右漂浮，脱离文档流，多用于布局设计，但是不正确的使用浮动可能会导致布局错乱和不稳定。在浮动元素相邻或者父子元素中，清理浮动是必要的措施之一。

下面我们来介绍一些清理左右浮动的方法。

.clearfix:after{
content:'';
display:block;
clear:both;
}

这是一种广泛应用且简单的方法，使用伪元素:after清除浮动，将其插入清除元素的结束标签之前。

.container{
overflow:hidden;
}

在浮动元素的父元素上设置overflow:hidden属性，可以剪裁包含浮动元素的盒子，使其不会溢出父元素边界。

.container{
display:table;
}
.row{
display:table-row;
}
.cell{
display:table-cell;
}

使用display:table; 将父元素变为表格布局，再用display:table-row;和display:table-cell; 分别定义行和单元格，以达到清理浮动的效果。

总而言之，清理浮动的方法还有很多，我们需要根据具体情况和需求来选择适合的方法。