浮動帶來的影響：

①. 能夠讓浮動之后的元素布局產生混亂 （元素浮動后脫離了標準文檔流，它的布局也就不再遵循標準文檔流的規則，多個浮動元素在一起的時候就會隨著窗口的變化而變化，也就失去了穩定的布局） ②. 子元素浮動會對父元素產生影響（子元素浮動后就不遵循標準文檔流的規則了，而父元素還是會遵循標準文檔流的規則，從而產生沖突，子元素繼承父元素的屬性會產生影響，即父元素會部分脫離標準文檔流的規則，影響布局。）

清除浮動帶來的影響：

1. 給浮動的外層父元素添加高度 不推薦 2. overflow:hidden 溢出 hidden 隱藏（1,2 都是清除子元素浮動對父元素的影響） 3. clear:both 清除浮動帶來的影響 4. 隔墻法 ： 外墻法 內墻法(不僅僅可以清除浮動還可以給父元素以高度)（3,4清除浮動影響①②）

轉載于:https://www.cnblogs.com/kasl007/p/7084653.html

總結

以上是生活随笔為你收集整理的个人关于浮动的理解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。