我們通常使用浮動來實現某些元素的布局，但是往往這些元素浮動會影響其他元素的布局，因此會產生副作用。

如果你還不清楚什么是浮動，那就點開這個鏈接：
http://blog.csdn.net/baidu_37107022/article/details/71515984

浮動帶來的副作用

1. 塊狀元素，會鉆進浮動元素的下面，被浮動元素所覆蓋，像這樣

2. 行內元素，例如文字， 則會環繞在浮動元素的周圍，為浮動元素留出空間，像這樣：

3. 浮動元素的父元素坍縮, 像這樣：

如果我們不希望要這些效果，就需要清除浮動來解決后患，使后面的元素表現的跟浮動前一樣，這樣我們既實現了黃色元素浮動，又實現了后來的元素不會受其影響產生不必要的麻煩。

清除浮動的方法，見下一節內容

地址http://blog.csdn.net/baidu_37107022/article/details/71557806

---

總結

以上是生活随笔為你收集整理的一天搞定CSS： 浮动（float）的副作用--12的全部內容，希望文章能夠幫你解決所遇到的問題。

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