个人关于浮动的理解

浮动带来的影响:

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

清除浮动带来的影响:

1. 给浮动的外层父元素添加高度 不推荐
2. overflow:hidden 溢出 hidden 隐藏
        (1,2 都是清除子元素浮动对父元素的影响)
3. clear:both 清除浮动带来的影响
4. 隔墙法 : 外墙法  内墙法(不仅仅可以清除浮动还可以给父元素以高度)
        (3,4清除浮动影响①②)
posted @ 2017-06-27 13:14  苹果喂草莓  阅读(171)  评论(0编辑  收藏  举报