浮動帶來的影響:
①. 能夠讓浮動之后的元素布局產生混亂
(元素浮動后脫離了標準文檔流,它的布局也就不再遵循標準文檔流的規則,多個浮動元素在一起的時候就會隨著窗口的變化而變化,也就失去了穩定的布局)
②. 子元素浮動會對父元素產生影響(子元素浮動后就不遵循標準文檔流的規則了,而父元素還是會遵循標準文檔流的規則,從而產生沖突,子元素繼承父元素的屬性會產生影響,即父元素會部分脫離標準文檔流的規則,影響布局。)
清除浮動帶來的影響:
1. 給浮動的外層父元素添加高度 不推薦
2. overflow:hidden 溢出 hidden 隱藏(1,2 都是清除子元素浮動對父元素的影響)
3. clear:both 清除浮動帶來的影響
4. 隔墻法 : 外墻法 內墻法(不僅僅可以清除浮動還可以給父元素以高度)(3,4清除浮動影響①②)