邊界(margin):元素周圍生成額外的空白區。「空白區」一般是指其餘元素不能出現且父元素背景可見的區域。
補白(padding):補白位於元素框的邊界與內容區之間。很天然,用於影響這個區域的屬性是padding。css
——CSS權威指南佈局

什麼時候應當使用 margin ?spa
- 須要在border外側添加空白時。
- 空白處不須要背景(色)時。
- 上下相連的兩個盒子之間的空白,須要相互抵消時(如 15px + 20px 的 margin,將獲得 20px 的空白)。
- margin 是用來隔開元素與元素的間距
- margin用於佈局分開元素使元素與元素互不相干。
什麼時候應當時用 padding ?.net
- 須要在border內測添加空白時。
- 空白處須要背景(色)時。
- 上下相連的兩個盒子之間的空白,但願等於二者之和時(如 15px + 20px 的 padding,將獲得 35px 的空白)。
- padding 是用來隔開元素與內容的間隔。
- padding 用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段「呼吸距離」。
參考資料:http://www.hicss.net/use-marg...圖片