BFC是什么？

? ? ? ? ? ? ? ? BFC是元素的隱藏屬性，元素會變成一個獨立的布局區域，不會在布局上影響到外面的元素

? ? ? ? ? ? ? ? BFC可以理解為一個封閉的大箱子，箱子內部的元素不會影響到外部

BFC有什么用？

? ? ? ? ? ? ? ? ? ? 1、父元素的垂直外邊距不會和子元素重疊（解決父子外邊距的問題）

? ? ? ? ? ? ? ? ? ? 2、開啟BFC的元素不會被浮動元素所覆蓋

? ? ? ? ? ? ? ? ? ? 3、開啟BFC的元素可以包含浮動的子元素（解決高度塌陷）

BFC如何開啟？? ? ? ? ? ? ?

????????開啟方式：

????????????????1、設置元素的浮動（不推薦）

????????????????-使用這種方式開啟，雖然可以撐開父元素，但會導致父元素的寬度丟失

? ? ? ? ? ? ? ? ?而且使用這種方式也導致下邊的元素上移，不能解決問題

????????????????2、設置元素為行內塊（不推薦）

????????????????-可以解決高度丟失的問題，但是會導致寬度丟失，而且會導致三像素的問題

????????????????3、將overflow設置為一個非visible的值

????????????????-副作用較小，推薦使用

????????????????4、設置元素的絕對定位

? ? ? ? ? ? ? ? 絕對定位與浮動類似

????????????????

總結

以上是生活随笔為你收集整理的BFC详解【CSS面试题】的全部內容，希望文章能夠幫你解決所遇到的問題。

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