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;