清除父元素中全为脱离文档流的子元素的影响

方法一：

父元素的伪元素::after样式写如下：

如果记不清除给父元素设还是给子元素设，就看哪个元素高度height变成0了（可以加border属性来观察），就给那个元素设置下面的代码。

父元素::after{
    content: '';
    display: block;
    clear: both;
}

强烈建议新建一个辅助样式，class名为clearfix, 然后css里写：

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

这样就能轻松复用了。

方法二：

父元素也设置高度height。（不过一般父元素都作为包裹层wrapper，都是希望子元素撑开父元素，这么设置有点弄巧成拙的意思了）

方法三：

父元素也设置成脱离文档流的定位方式（仅对子元素全为float有效），此时设置父元素为浮动或绝对定位可以解决。