對(duì) BFC 的理解

BFC (Block Formatting Context) 是 CSS 中的一個(gè)概念阁谆,用于解決布局問題。它是一個(gè)獨(dú)立的渲染區(qū)域,內(nèi)部的元素不會(huì)影響外部的元素财破,外部元素也不會(huì)影響內(nèi)部元素。

BFC 的特點(diǎn)有:

內(nèi)部元素的布局不會(huì)影響外部元素的布局从诲,反之亦然
內(nèi)部元素的浮動(dòng)會(huì)被 BFC 包含
BFC 能夠清除內(nèi)部元素的浮動(dòng)
BFC 能夠防止外部元素的 margin 合并
BFC 的創(chuàng)建條件有:

根元素(html)
float 屬性不為 none
position 屬性值為 absolute 或 fixed
display 屬性值為 inline-block左痢、table-cell、table-caption系洛、flex俊性、grid
overflow 屬性值不為 visible
BFC 的應(yīng)用場(chǎng)景:

解決浮動(dòng)導(dǎo)致的布局問題
解決外邊距合并問題
可以作為一個(gè)布局的容器,在其內(nèi)部進(jìn)行布局
總的來說描扯,BFC 是 CSS 中一個(gè)非常重要的布局技巧定页,它能幫助開發(fā)者解決很多布局問題。

BFC 可以指代多個(gè)不同的事物绽诚,根據(jù)上下文可能有不同的含義典徊。以下是幾種可能的解釋:

  1. 布宜諾斯艾利斯金融中心(Buenos Aires Financial Center,縮寫為BFC):這是阿根廷布宜諾斯艾利斯的金融區(qū)域恩够,匯集了許多銀行卒落、金融機(jī)構(gòu)和企業(yè)。它在阿根廷的經(jīng)濟(jì)中具有重要地位蜂桶。

  2. 后向流動(dòng)控制(Back-Pressure Flow Control儡毕,縮寫為BFC):這是計(jì)算機(jī)網(wǎng)絡(luò)中的一個(gè)概念,用于控制數(shù)據(jù)流動(dòng)的速率扑媚,以防止擁塞和數(shù)據(jù)丟失腰湾。

  3. 有界函數(shù)近似(Bounded Function Approximation雷恃,縮寫為BFC):這是機(jī)器學(xué)習(xí)中的一個(gè)概念,用于在有限資源下對(duì)函數(shù)進(jìn)行近似费坊,通常用于解決優(yōu)化問題倒槐。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市葵萎,隨后出現(xiàn)的幾起案子导犹,更是在濱河造成了極大的恐慌,老刑警劉巖羡忘,帶你破解...
    沈念sama閱讀 211,948評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谎痢,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡卷雕,警方通過查閱死者的電腦和手機(jī)节猿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來漫雕,“玉大人滨嘱,你說我怎么就攤上這事〗洌” “怎么了太雨?”我有些...
    開封第一講書人閱讀 157,490評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長魁蒜。 經(jīng)常有香客問我囊扳,道長,這世上最難降的妖魔是什么兜看? 我笑而不...
    開封第一講書人閱讀 56,521評(píng)論 1 284
  • 正文 為了忘掉前任锥咸,我火速辦了婚禮,結(jié)果婚禮上细移,老公的妹妹穿的比我還像新娘搏予。我一直安慰自己,他們只是感情好弧轧,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評(píng)論 6 386
  • 文/花漫 我一把揭開白布雪侥。 她就那樣靜靜地躺著,像睡著了一般精绎。 火紅的嫁衣襯著肌膚如雪速缨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,842評(píng)論 1 290
  • 那天捺典,我揣著相機(jī)與錄音鸟廓,去河邊找鬼从祝。 笑死襟己,一個(gè)胖子當(dāng)著我的面吹牛引谜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播擎浴,決...
    沈念sama閱讀 38,997評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼员咽,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了贮预?” 一聲冷哼從身側(cè)響起贝室,我...
    開封第一講書人閱讀 37,741評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎仿吞,沒想到半個(gè)月后滑频,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,203評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡唤冈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評(píng)論 2 327
  • 正文 我和宋清朗相戀三年峡迷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片你虹。...
    茶點(diǎn)故事閱讀 38,673評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绘搞,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出傅物,到底是詐尸還是另有隱情夯辖,我是刑警寧澤,帶...
    沈念sama閱讀 34,339評(píng)論 4 330
  • 正文 年R本政府宣布董饰,位于F島的核電站蒿褂,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏尖阔。R本人自食惡果不足惜贮缅,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望介却。 院中可真熱鬧谴供,春花似錦、人聲如沸齿坷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽永淌。三九已至崎场,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間遂蛀,已是汗流浹背谭跨。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人螃宙。 一個(gè)月前我還...
    沈念sama閱讀 46,394評(píng)論 2 360
  • 正文 我出身青樓蛮瞄,卻偏偏與公主長得像,于是被迫代替她去往敵國和親谆扎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子挂捅,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容

  • BFC 已經(jīng)是一個(gè)耳聽熟聞的詞語了,網(wǎng)上有許多關(guān)于 BFC 的文章堂湖,介紹了如何觸發(fā) BFC 以及 BFC 的一些用...
    _Yfling閱讀 416評(píng)論 0 0
  • 先來看兩個(gè)相關(guān)的概念: Box: Box 是 CSS 布局的對(duì)象和基本單位无蜂,?個(gè)??是由很多個(gè) Box 組成的伺糠,這...
    ForeverYoung_06閱讀 878評(píng)論 0 0
  • 什么是BFC? 塊格式化上下文(Block Formatting Context, BFC)是一塊獨(dú)立的渲染區(qū)域斥季,...
    xiaoguo16閱讀 2,643評(píng)論 0 1
  • 對(duì)css有了解的朋友肯定都知道盒式模型這個(gè)概念退盯,對(duì)一個(gè)元素設(shè)置css,首先需要知道這個(gè)元素是block還是inli...
    wmsj100閱讀 19,123評(píng)論 1 50
  • FC泻肯,即formatting context渊迁,格式上下文——————它是W3C CSS2.1規(guī)范中的一個(gè)概念,定義...
    可樂妥妥閱讀 197評(píng)論 0 0