BFC

觸發(fā)BFC:
1、position:absolute
2穿扳、display:inline-block
3瘫寝、float:left/right
4爵政、overflow:hidden

兄弟結(jié)構(gòu)間的margin-top 是重疊的

對(duì)于浮動(dòng)元素,塊級(jí)元素是看不到他的钢悲,
但是 觸發(fā)了BFC的元素点额,文本元素(inline屬性),文本 是可以看到的

clear:both清楚浮動(dòng) (必須加在塊級(jí)元素上)

設(shè)置了 position:absolute/float:left 默認(rèn)為display:inline-block

文字環(huán)繞圖片:img加float:left

請(qǐng)浮動(dòng):display:block/clear:both/content:' '

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末莺琳,一起剝皮案震驚了整個(gè)濱河市还棱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惭等,老刑警劉巖珍手,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡琳要,警方通過(guò)查閱死者的電腦和手機(jī)寡具,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)稚补,“玉大人童叠,你說(shuō)我怎么就攤上這事】文唬” “怎么了厦坛?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)乍惊。 經(jīng)常有香客問(wèn)我杜秸,道長(zhǎng),這世上最難降的妖魔是什么污桦? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮匙监,結(jié)果婚禮上凡橱,老公的妹妹穿的比我還像新娘。我一直安慰自己亭姥,他們只是感情好稼钩,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著达罗,像睡著了一般坝撑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上粮揉,一...
    開(kāi)封第一講書(shū)人閱讀 52,441評(píng)論 1 310
  • 那天巡李,我揣著相機(jī)與錄音,去河邊找鬼扶认。 笑死侨拦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的辐宾。 我是一名探鬼主播狱从,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼叠纹!你這毒婦竟也來(lái)了季研?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤誉察,失蹤者是張志新(化名)和其女友劉穎与涡,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡递沪,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年豺鼻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片款慨。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡儒飒,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出檩奠,到底是詐尸還是另有隱情桩了,我是刑警寧澤,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布埠戳,位于F島的核電站井誉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏整胃。R本人自食惡果不足惜颗圣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望屁使。 院中可真熱鬧在岂,春花似錦、人聲如沸蛮寂。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)酬蹋。三九已至及老,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間范抓,已是汗流浹背骄恶。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留匕垫,地道東北人叠蝇。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像年缎,于是被迫代替她去往敵國(guó)和親悔捶。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

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

  • 一单芜、BFC是什么蜕该? 它是 Block Formatting Context (塊級(jí)格式化上下文) 的簡(jiǎn)稱,接下來(lái)通...
    07120665a058閱讀 3,810評(píng)論 15 40
  • 什么是BFC BFC全稱是Block Formatting Context洲鸠,即塊格式化上下文堂淡。它是CSS2.1規(guī)范...
    陌客百里閱讀 533評(píng)論 3 4
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案馋缅? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,759評(píng)論 1 92
  • 在同時(shí)執(zhí)行的程序中,我們看到兩個(gè)線程同時(shí)執(zhí)行绢淀。線程之間的切換的方法是非常笨拙萤悴。好在專門(mén)有一組設(shè)計(jì)好的函數(shù)為我們提供...
    helinyu閱讀 190評(píng)論 0 1
  • 以前一段時(shí)間單位內(nèi)部的關(guān)系不太和諧,老政委開(kāi)大會(huì)說(shuō):“誰(shuí)抱著誰(shuí)家孩子跳井了皆的?非得掐個(gè)你死我活才算完覆履?” 其實(shí)人挺有...
    小眼熊貓閱讀 298評(píng)論 0 0