前端高频面试题：CSS为什么要清除浮动？如何清除浮动？

CSS为什么要清除浮动？如何清除浮动？

由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会影响下面的标准流盒子。清除浮动的本质是清除浮动元素造成的影响，清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。

清除浮动的方法有：

1.clear:both;

在浮动元素末尾添加一个空的标签，这个标签必须为块级元素。然后将其设置clear:both,这样就可以清除浮动。

**优点：**简单易懂，方便。

**缺点：**添加了无意义的冗余元素，结构化差。

<div class="box">
    <div class=