-
兄弟元素合并：當(dāng)一個(gè)元素出現(xiàn)在另一個(gè)元素上面時(shí)，第一個(gè)元素的下外邊距與第二個(gè)元素的上外邊距會(huì)發(fā)生合并
360截圖20161129201348082.jpg -
父子間合并：當(dāng)一個(gè)元素包含在另一個(gè)元素中時(shí)（假設(shè)沒(méi)有內(nèi)邊距或邊框把外邊距分隔開(kāi)）晤斩，它們的上和/或下外邊距也會(huì)發(fā)生合并姆坚。
-
空元素：假設(shè)有一個(gè)空元素，它有外邊距兼呵，但是沒(méi)有邊框或填充腊敲。在這種情況下维苔，上外邊距與下外邊距就碰到了一起，它們會(huì)發(fā)生合并
如果這個(gè)外邊距遇到另一個(gè)元素的外邊距没宾，它還會(huì)發(fā)生合并：
如何合并： - 兩個(gè)相鄰的外邊距都是正數(shù)時(shí)潮尝，合并結(jié)果是它們兩者之間較大的值。
- 兩個(gè)相鄰的外邊距都是負(fù)數(shù)時(shí)羹蚣，合并結(jié)果是兩者絕對(duì)值的較大值。
- 兩個(gè)外邊距一正一負(fù)時(shí)顽素，合并結(jié)果是兩者的相加的和徒蟆。
解決辦法： - 對(duì)于兄弟元素：設(shè)置浮動(dòng)，display：inline-block或使其父元素均形成BFC可防止邊距合并（如overflow:hidden）
- 對(duì)于父子間的元素：可以給父元素設(shè)置border或padding屬性來(lái)防止合并段审。
- 對(duì)于空元素：設(shè)置border或padding屬性或overflow：hidden等（形成BFC）來(lái)防止合并。
在什么場(chǎng)景下會(huì)出現(xiàn)外邊距合并碘裕？如何合并？如何不讓相鄰元素外邊距合并帮孔？
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門蔑担，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)咽白，“玉大人，你說(shuō)我怎么就攤上這事晶框。” “怎么了蹲蒲？”我有些...
- 文/不壞的土叔 我叫張陵侵贵，是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我窍育，道長(zhǎng)，這世上最難降的妖魔是什么表锻？ 我笑而不...
- 正文 為了忘掉前任乞娄，我火速辦了婚禮，結(jié)果婚禮上仪或，老公的妹妹穿的比我還像新娘。我一直安慰自己荠列，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著桃焕，像睡著了一般。 火紅的嫁衣襯著肌膚如雪带猴。 梳的紋絲不亂的頭發(fā)上，一...
- 那天靶病，我揣著相機(jī)與錄音，去河邊找鬼娄周。 笑死，一個(gè)胖子當(dāng)著我的面吹牛煤辨，可吹牛的內(nèi)容都是我干的裳涛。 我是一名探鬼主播众辨，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼鹃彻，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼郊闯！你這毒婦竟也來(lái)了浮声？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤然痊，失蹤者是張志新（化名）和其女友劉穎屉符，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體矗钟，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年躬它，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了东涡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布胧辽，位于F島的核電站峻仇，受9級(jí)特大地震影響邑商，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜人断，卻給世界環(huán)境...
- 文/蒙蒙 一恶迈、第九天 我趴在偏房一處隱蔽的房頂上張望涩金。 院中可真熱鬧暇仲，春花似錦、人聲如沸奈附。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)佑颇。三九已至顶掉，卻和暖如春挑胸，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背茬贵。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像路狮，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子奄妨，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案砸抛？ 參考答案 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 1. 在什么場(chǎng)景下會(huì)出現(xiàn)外邊距合并？如何合并和措？如何不讓相鄰元素外邊距合并蜕煌？給個(gè)父子外邊距合并的范例 外邊距合并：外...
- 1.在什么場(chǎng)景下會(huì)出現(xiàn)外邊距合并？如何合并伪冰？如何不讓相鄰元素外邊距合并？給個(gè)父子外邊距合并的范例 概念：在CSS當(dāng)...
- 一靠柑，浮動(dòng)元素有什么特征吓懈？對(duì)父容器歼冰、其他浮動(dòng)元素耻警、普通元素甸怕、文字分別有什么影響? 浮動(dòng)模型是一種可視化格式模型，浮動(dòng)...
- 一、在什么場(chǎng)景下會(huì)出現(xiàn)外邊距合并内颗？如何合并？如何不讓相鄰元素外邊距合并均澳？給個(gè)父子外邊距合并的范例 在CSS當(dāng)中，相...
