這篇文章主要講解了“css中的BFC布局規(guī)則是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css中的BFC布局規(guī)則是什么”吧！

成都創(chuàng)新互聯(lián)公司專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商，專業(yè)提供成都服務(wù)器托管，服務(wù)器租用，成都多線機房，成都多線機房，成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。

說明

1、BFC是頁面上隔離的獨立容器，容器中的子元素不會影響外部元素。反之亦然。

這一元素的垂直方向邊距將重疊，垂直方向的距離由margin決定，取最大值。

2、BFC區(qū)域不會與浮動盒重疊(去除浮動原理)。

3、浮動元素在計算BFC高度時也參與計算。

實例

 

.div1 {
background-color: #ef6f6f;
width: 200px;
                height: 100px;
}
 
.div2 {
background-color: #fff086;
width: 200px;
                height: 100px;
}



div1
div2

感謝各位的閱讀，以上就是“css中的BFC布局規(guī)則是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css中的BFC布局規(guī)則是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！