haslaylout 和 bfc解析的理解
發(fā)布時間：2014-04-08 15:11:23 作者：佚名 
我要評論
我要評論bfc是獨立的一個容器，不影響其他布局，也不會受影響，利用其特性，可以解決清除浮動，2欄布局等問題
一、haslaylout 和 bfc 一個是ie特有屬性，一個是標(biāo)準(zhǔn)屬性，
二、BFC就是頁面上的一個隔離的獨立容器，容器里面的子元素不會影響到外面的元素，反之亦然。
三、bfc 有3個作用，
1.包含浮動元素，
2.防止編劇重疊，
3.防止被浮動元素覆蓋
四、觸發(fā)條件：
float 除了none以外的值
overflow 除了visible 以外的值（hidden，auto，scroll ）
display (table-cell，table-caption，inline-block, flex, inline-flex)
position值為（absolute，fixed）
fieldset元素
一定要謹(jǐn)記一點，bfc是獨立的一個容器，不影響其他布局，也不會受影響，利用其特性，可以解決清除浮動，2欄布局等問題
例：2欄自適應(yīng)布局
1.利用浮動和負(fù)margin 來解決
2. 觸發(fā)bfc，不會被浮動元素覆蓋
二、BFC就是頁面上的一個隔離的獨立容器，容器里面的子元素不會影響到外面的元素，反之亦然。
三、bfc 有3個作用，
1.包含浮動元素，
2.防止編劇重疊，
3.防止被浮動元素覆蓋
四、觸發(fā)條件：
float 除了none以外的值
overflow 除了visible 以外的值（hidden，auto，scroll ）
display (table-cell，table-caption，inline-block, flex, inline-flex)
position值為（absolute，fixed）
fieldset元素
一定要謹(jǐn)記一點，bfc是獨立的一個容器，不影響其他布局，也不會受影響，利用其特性，可以解決清除浮動，2欄布局等問題
例：2欄自適應(yīng)布局
1.利用浮動和負(fù)margin 來解決
2. 觸發(fā)bfc，不會被浮動元素覆蓋
相關(guān)文章
這篇文章主要介紹了淺析CSS里的BFC和IFC的用法的相關(guān)資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-30
這篇文章主要介紹了淺談CSS潛藏著的BFC的相關(guān)資料，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-08css布局之BFC模式（block formatting context）
這篇文章主要介紹了css布局之BFC模式（block formatting context），通過BFC盒子的一些特性和應(yīng)用場景解釋了BFC模式，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙2017-08-16- 這篇文章主要介紹了CSS布局基礎(chǔ)BFC 的相關(guān)資料,需要的朋友可以參考下2016-07-14
CSS使用BFC規(guī)則布局引發(fā)外層div包裹內(nèi)層div的處理方法
BFC情況下人們通常在div中使用float和margin,這會經(jīng)常出現(xiàn)一些問題,這里就來看一下CSS使用BFC規(guī)則布局引發(fā)外層div包裹內(nèi)層div的處理方法,需要的朋友可以參考下.2016-06-03
這篇文章主要介紹了10分鐘理解BFC原理及其應(yīng)用的相關(guān)資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-01
