乙個盒子的主要有4個屬性外邊距（margin）,邊框（border）,內邊距（padding），本身內容大小構成
內容本身大小即字面意思，比如一張為120px*99px，則內容大小即為120px*99px
1.內邊距，即內容本身與盒子邊框的距離（不可為負值）
padding:5px; 即上下左右內邊距都為5px.
padding: 5px 10px; 即上下內邊距為5px，左右內邊距為10px;
padding: 5px 10px 15px; 即上內邊距為5px，左右內邊距為10px，下內邊距為15px;
padding: 5px 10px 15px 20px; 即上5px,右10px,下15px,左20px;(分別對應padding-top,padding-right,padding-bottom,padding-left)
備註：margin與padding語法一樣，只是含義不同且margin可以為負值，注意事項也比padding多
2.邊框即盒子的厚度，一般可直接border:1px
solid
red;(這3個值分別對應border-size,border-style,border-color)
3.外邊距margin(這裡內容較多)
(1).margin合併（前提兩兩之間無內邊距與邊框）
b.大盒子裡裝了許多小盒子，大盒子的margin-top會與第乙個小盒子的margin-top合併，margin-bottom會與最後乙個小盒子 的margin-bottom合併，並且兩個小盒子也會發生上面a的這種合併，並且都是選擇兩者的最大值；
c.盒子裡面內容為空，它本身的margin-top與margin-bottom也會發生合併，並選取最大值，若相鄰還有盒子，則還會繼續發 生a這種情況
解決辦法：少用magin多用padding,實在不行用邊框border(邊框顏色設為背景色也看不出來)，當然會這個overflow:hidden;也 行；
（2).語法方面與padding一樣
含義：盒子邊框與盒子邊框之間的間距
css盒子模型外邊距（margin）
margin屬性用於設定外邊距,即控制盒子和盒子之間的距離 屬性作用 margin left 左外邊距 margin right 右外邊距 margin top 上外邊距 margin botom 下外邊距 外邊距典型應用 外邊距可以讓塊級盒子水平居中,但是必須滿足兩個條件 盒子必須指定了寬度 wi...
CSS盒子模型中外邊距（margin）摺疊詳解
最近寫專案過程中遇到乙個css盒子模型中外邊距 margin 摺疊的情況，搞得我焦頭爛額，之後再網上查閱了大量的資料，現做乙個整理和總結，方便以後忘記的時候查閱，同時也供廣大參考。如有錯誤或者總結方面不全的地方，歡飲廣大指出。外邊距摺疊的概念 所謂外邊距摺疊就是相鄰的兩個或多個元素 含有子元素的情況...
CSS中margin與padding的區別
1.margin 包括margin top,margin right,margin bottom,margin left,控制塊級元素之間的距離,它們是透明不可見的 是對於具體內容方塊的外邊距 2.padding 包括padding top,padding right,padding bottom,...