css清除浮动的几种方法

css中清除浮动的方法 

在CSS中，清除浮动主要有以下三种方法：

1. 使用overflow:hidden：在子元素设置浮动后，直接给父元素添加overflow:hidden属性即可。这种方法的优点是语义化且代码量少，但可能因为内容增加导致超出尺寸的内容被隐藏。

2. 使用clear:both：新增一个空div，然后给这个空div添加clear:both属性。这种方法的优点是更加语义化，但增加了一个空div，违背了结构样式行为应该分离的原则。

3. 使用伪元素::after：给末尾添加一个看不见的块元素来清除浮动。这种方法的优点是不仅语义化而且遵守了结构样式行为应该分离的原则，没有什么缺点，现在是主流的方法。