CSS border，padding，margin，width

这张图清晰的解释了这几个量的区别，详细内容参考链接：http://www.w3school.com.cn/css/css_boxmodel.asp。

总而言之，

 width : 设置的是元素element的宽度，即最为基础核心的部分。

padding : 内边距，

border : 边框。

margin : 外边距，

所以，以border 为限，边框内的空白部分即为padding 设置的值， 边框外的空白部分即为margin 设置的值。