原始**：
翻譯：
屬性用以對元素周圍區域生成空間。
margin屬性是在邊框（border）之外設定空白區域的大小。
使用 css，我們可完全控制外邊距（margins）。在 css 中，存在對元素的每個方位（上、右、下、左）的外邊距（margin）進行設定的相關屬性。
margin - individual sides
下面的示例是對元素的4個方位的margin進行不同的設定：
為了簡化**，我們可以在margin屬性內指定所有的單邊屬性值（margin-top、margin-right、margin-bottom、margin-left）。
margin屬性是下列單邊屬性的簡化版：
the auto value
我們可以將margin屬性設定為 auto 以使當前元素在其容器內水平居中。
元素將會占用指定的寬度，剩餘的空間（寬度）將被均分給左margin和右margin：
示例：
div.line
div.element
style>
head>
class='line'>
class='element'>this div will be centered because it has margin: auto;div>
div>
body>
html>the inherit value
下面的示例是讓當前元素的左外邊距（margin-left）繼承自父級元素的左外邊距：
div.container
p.one
style>
head>
class="container">
class="one">this is a paragraph with an inherited left margin (from the div element).p>
div>
body>
html>margin collapse（外邊距塌陷）
元素的上、下外邊距有時候（當兩個元素的外邊距垂直相遇時）會塌陷（合併）為其中較大者的外邊距。
這種情況不會出現在水平外邊距上（左、右外邊距），只會發生在垂直外邊距上（上、下外邊距）。
請看以下示例：
在以上示例中，iframe_a.html 頁面裡的元素的下外邊距（margin-bottom）為 50px，元素的上外邊距（margin-top）設定為 20px 。
根據常理判斷，和之間的垂直外邊距的總大小應該是 70px（50px + 20px）。 但是，由於外邊距塌陷，和之間的垂直外邊距的實際總大小是 50px 。
最後，關於外邊距塌陷（margin collapse）更為詳細的描述請參閱：
CSS 外邊距（十三）
css 外邊距 margin 屬性定義元素周圍的空間。css 邊距屬性定義元素周圍的空間。可以用用負值對內容進行疊加。通過使用單獨的屬性，可以對上 右 下 左的外邊距進行設定。也可以使用簡寫的外邊距屬性同時改變所有的外邊距。大多數正常流元素間出現的間隔都是因為存在元素的外邊距。設定外邊距會在元素外建...
CSS外邊距疊加
盒模型概念 盒模型是css的基石之一，它指定元素如何顯示及 在某種程度上 如何相互互動。頁面上的每乙個元素都被看做乙個矩形框，這個框右元素的內容 內邊距 邊框和外邊距組成，如下圖 如果給元素新增背景，背景會應用於內容和內邊距組成的區域。新增邊框會在內邊距的區域外加一條線。外邊距是透明的，一般使用它控...
CSS 外邊距合併
做了個div 巢狀div的實驗，父div和子div都有margin邊距 發現margin top 10px 根本不起作用，後來發現是外邊框合併問題，他會合併取兩者大的邊距，如果子div的邊距是30px 那麼父子div還是會貼著 只是，父div外邊距會變成30的效果 外邊距合併指的是，當兩個垂直外邊距...