margin: 外邊距，外填充，外補丁 padding:內邊距，內填充，內補丁 ~~~ margin: 100px; 上下左右 margin: 100px 100px; 上下， 左右 margin: 100px auto; margin:100px 0px 0px 100px 上右下左 ~~~ ~~~ padding: 10px; 上下左右 padding 10px 10px; 上下 左右 padding 10px 10px 10px 10px; 上右下左 ~~~ 注意： 1. padding不能auto，水平居中。 2. 默認情況下，元素寬度不包含padding, padding加大，會遭致元素所占的空間變大。使用box-sizing:border-box 可以解決這個問題。 box-sizing: content-box(默認) border-box(元素寬度=content+padding+border) 水平居中的問題： 如果子元素是塊級元素，設置子元素的margin: xxx auto; 如果子元素是行級元素，設置父元素的text-align:center; 垂直居中 如果子元素是塊級元素，設置子元素的margin-top:xxx; 如果子元素是行級元素，設置父元素的line-height = 父元素的height;