這篇文章將為大家詳細講解有關css中外邊距合并指的是什么意思，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯公司基于10余年網站建設行業(yè)經驗，一直致力于為中小型企業(yè)提供信息化解決方案，成都創(chuàng)新互聯公司做到開放、開源，讓企業(yè)所有核心數據掌握到企業(yè)手里，打破行業(yè)亂象，讓企業(yè)被網絡公司掌控的局面不再發(fā)生；美工設計部，產品/程序研發(fā)部，營銷策劃部，售后客服部。一切服務為企業(yè)量身定制，專注為您！

css外邊距合并是指當兩個垂直外邊距相遇時，它們將形成一個外邊距，并且合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者；但是只有普通文檔流中塊框的垂直外邊距才會發(fā)生外邊距合并，而行內框、浮動框或絕對定位之間的外邊距不會合并。

css 外邊距合并是什么意思？

外邊距合并指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。

合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。

外邊距合并（疊加）是一個相當簡單的概念。但是，在實踐中對網頁進行布局時，它會造成許多混淆。

簡單地說，外邊距合并指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。

當一個元素出現在另一個元素上面時，第一個元素的下外邊距與第二個元素的上外邊距會發(fā)生合并。請看下圖：

當一個元素包含在另一個元素中時（假設沒有內邊距或邊框把外邊距分隔開），它們的上和/或下外邊距也會發(fā)生合并。請看下圖：

外邊距合并初看上去可能有點奇怪，但是實際上，它是有意義的。以由幾個段落組成的典型文本頁面為例。第一個段落上面的空間等于段落的上外邊距。如果沒有外邊距合并，后續(xù)所有段落之間的外邊距都將是相鄰上外邊距和下外邊距的和。這意味著段落之間的空間是頁面頂部的兩倍。如果發(fā)生外邊距合并，段落之間的上外邊距和下外邊距就合并在一起，這樣各處的距離就一致了。

注釋：只有普通文檔流中塊框的垂直外邊距才會發(fā)生外邊距合并。行內框、浮動框或絕對定位之間的外邊距不會合并。

關于“css中外邊距合并指的是什么意思”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

本文名稱：css中外邊距合并指的是什么意思-創(chuàng)新互聯
文章網址：http://chinadenli.net/article44/epsee.html

成都網站建設公司_創(chuàng)新互聯，為您提供營銷型網站建設、域名注冊、網站導航、品牌網站設計、品牌網站建設、企業(yè)建站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯