千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)
千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)
掃一掃進入千鋒手機站
關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程
問題描述： 兩個塊級元素的上外邊距和下外邊距可能會合并（折疊）為一個外邊距，其大小會取其中外邊距值大的那個，這種行為就是外邊距折疊。需要注意的是，浮動的元素和絕對定位這種脫離文檔流的元素的外邊距不會折疊。重疊只會出現(xiàn)在垂直方向。
計算原則： 折疊合并后外邊距的計算原則如下：
如果兩者都是正數(shù)，那么就去最大者如果是一正一負，就會正值減去負值的絕對值兩個都是負值時，用0減去兩個中絕對值大的那個
解決辦法： 對于折疊的情況，主要有兩種：兄弟之間重疊和父子之間重疊
1、兄弟之間重疊
底部元素變?yōu)樾袃?nèi)盒子：display: inline-block底部元素設(shè)置浮動：float底部元素的position的值為absolute/fixed
2、父子之間重疊
父元素加入：overflow: hidden父元素添加透明邊框：border:1px solid transparent子元素變?yōu)樾袃?nèi)盒子：display: inline-block子元素加入浮動屬性或定位
下一篇
什么是WebShell
軟件定制開發(fā)中的敏捷開發(fā)是什么軟件定制開發(fā)中的敏捷開發(fā)，從宏觀上看，是一個高度關(guān)注人員交互，持續(xù)開發(fā)與交付，接受需求變更并適應(yīng)環(huán)境變化...詳情>>
2023-10-14 13:24:57
PlatformIO是什么PlatformIO是一個全面的物聯(lián)網(wǎng)開發(fā)平臺，它為眾多硬件平臺和開發(fā)環(huán)境提供了統(tǒng)一的工作流程，有效簡化了開發(fā)過程，并能兼容各種...詳情>>
2023-10-14 12:55:06
1、定義和目標不同云快照的主要目標是提供一種快速恢復(fù)數(shù)據(jù)的方法，它只記錄在快照時間點后的數(shù)據(jù)變化，而不是所有的數(shù)據(jù)。自動備份的主要目標...詳情>>
2023-10-14 12:48:59
服務(wù)器為什么要用Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，Linux在眾多選擇中脫穎而出。Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，有其獨特的優(yōu)勢和特點。包括其...詳情>>
2023-10-14 12:34:11
ORM（對象關(guān)系映射）解決的主要問題是將關(guān)系數(shù)據(jù)庫與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關(guān)系數(shù)據(jù)庫中，數(shù)據(jù)以表格的形式存儲，而在面向?qū)ο?..詳情>>
2023-10-14 12:26:19
Copyright 2011-2024
北京千鋒互聯(lián)科技有限公司
京ICP備12003911號-3
京公網(wǎng)安備 11010802030320號
千鋒教育 運營主體：北京千鋒互聯(lián)科技有限公司，屬具備計算機技術(shù)培訓(xùn)資質(zhì)的教育培訓(xùn)機構(gòu)。
