千鋒教育-做有情懷、有良心、有品質的職業教育機構
問題描述： 兩個塊級元素的上外邊距和下外邊距可能會合并（折疊）為一個外邊距，其大小會取其中外邊距值大的那個，這種行為就是外邊距折疊。需要注意的是，浮動的元素和絕對定位這種脫離文檔流的元素的外邊距不會折疊。重疊只會出現在垂直方向。
計算原則： 折疊合并后外邊距的計算原則如下：
如果兩者都是正數，那么就去最大者如果是一正一負，就會正值減去負值的絕對值兩個都是負值時，用0減去兩個中絕對值大的那個
解決辦法： 對于折疊的情況，主要有兩種：兄弟之間重疊和父子之間重疊
1、兄弟之間重疊
底部元素變為行內盒子：display: inline-block底部元素設置浮動：float底部元素的position的值為absolute/fixed
2、父子之間重疊
父元素加入：overflow: hidden父元素添加透明邊框：border:1px solid transparent子元素變為行內盒子：display: inline-block子元素加入浮動屬性或定位
上一篇
對BFC的理解，如何創建BFC下一篇
什么是WebShell
軟件定制開發中的敏捷開發是什么軟件定制開發中的敏捷開發，從宏觀上看，是一個高度關注人員交互，持續開發與交付，接受需求變更并適應環境變化...詳情>>
2023-10-14 13:24:57
PlatformIO是什么PlatformIO是一個全面的物聯網開發平臺，它為眾多硬件平臺和開發環境提供了統一的工作流程，有效簡化了開發過程，并能兼容各種...詳情>>
2023-10-14 12:55:06
1、定義和目標不同云快照的主要目標是提供一種快速恢復數據的方法，它只記錄在快照時間點后的數據變化，而不是所有的數據。自動備份的主要目標...詳情>>
2023-10-14 12:48:59
服務器為什么要用Linux作為服務器操作系統的優選，Linux在眾多選擇中脫穎而出。Linux作為服務器操作系統的優選，有其獨特的優勢和特點。包括其...詳情>>
2023-10-14 12:34:11
ORM（對象關系映射）解決的主要問題是將關系數據庫與面向對象編程之間的映射困境。在傳統的關系數據庫中，數據以表格的形式存儲，而在面向對象...詳情>>
2023-10-14 12:26:19
京公網安備 11010802030320號