浮動

• 當(dāng)一個元素定義了“float: left/right”不管這個元素是什么類型，都會轉(zhuǎn)化為塊元素(display屬性為block)。
• 我們還可以用margin-left/right來定義浮動元素與其他元素之間的間距。
• 元素定義了“float: left/right”這元素會脫離文檔流。
• clear屬性不是應(yīng)用于浮動元素本身，而是應(yīng)用于浮動元素后面的元素。

• 負(fù)作用:父元素高度塌陷，從而導(dǎo)致邊框不能撐開，背景色無法顯示。
  解決辦法：父元素添加“overflow: hidden”來清除浮動。
  ?????::after偽元素：
  
  ?????語法：

---

.clearfix{*zoom:1;} //*zoom縮放用于解決IE6、IE7浮動問題.clearfix{clear: both;content: "";display: block;height: 0;visibility: hidden;} 復(fù)制代碼

???????????????默認(rèn)使用上面這個方法清除浮動(??????)??

轉(zhuǎn)載于:https://juejin.im/post/5a5f3055f265da3e4e25a971

總結(jié)

以上是生活随笔為你收集整理的浮动布局-学习笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。