个人关于浮动的理解

浮动带来的影响：

①. 能够让浮动之后的元素布局产生混乱
（元素浮动后脱离了标准文档流，它的布局也就不再遵循标准文档流的规则，
    多个浮动元素在一起的时候就会随着窗口的变化而变化，也就失去了稳定的布局）
②. 子元素浮动会对父元素产生影响
    （子元素浮动后就不遵循标准文档流的规则了，而父元素还是会遵循标准文档流
    的规则，从而产生冲突，子元素继承父元素的属性会产生影响，即父元素会部分
    脱离标准文档流的规则，影响布局。）

清除浮动带来的影响：

1. 给浮动的外层父元素添加高度 不推荐
2. overflow:hidden 溢出 hidden 隐藏
        （1,2 都是清除子元素浮动对父元素的影响）
3. clear:both 清除浮动带来的影响
4. 隔墙法 ： 外墙法  内墙法(不仅仅可以清除浮动还可以给父元素以高度)
        （3,4清除浮动影响①②）

转载于:https://www.cnblogs.com/kasl007/p/7084653.html