2019獨角獸企業重金招聘Python工程師標準>>>

? ? ? ? css 中不得不提的bfc?獨立容器

? ? ? ?在進行盒子元素布局的時候， BFC 提供了一個環境， 在這個環境中按照一定規則進

行布局不會影響到其它環境中的布局。比如浮動元素會形成 BFC，浮動元素內部子元素

的主要受該浮動元素影響，兩個浮動元素之間是互不影響的。

也就是說，如果一個元素符合了成為 BFC 的條件，該元素內部元素的布局和定位

就和外部元素互不影響(除非內部的盒子建立了新的 ?BFC)， 是一個隔離了的獨立容器。

在 ?CSS3 ?中，BFC ?叫做 ?Flow Root。

? ? ??? 形成 BFC 的條件(符合以下任一條件即可)：?

1) ?float 的值不為 none；

2) ?overflow 的值不為 visible；

3) ?display 的值為 ?table-cell、table-caption 和 inline-block 之一；

4) ?position 的值不為 ?static 或 ?relative 中的任何一個；

或則是這樣：

• float：left|right

• position：absolute|fixed

• display: table-cell|table-caption|inline-block

• overflow: hidden|scroll|auto

轉載于:https://my.oschina.net/u/1861097/blog/340850

總結

以上是生活随笔為你收集整理的学海无涯的全部內容，希望文章能夠幫你解決所遇到的問題。

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