盒子模型图
hezi.jpg
margin border padding
margin为外边距，把整个盒子比喻成一个城池，说通俗点margin就是一个城池外面护城河,如图中的绿色部分
border为城墙，如图蓝色部分，margin可取负数
中间的content到border（城墙）的距离就为padding值，为内边距，也可称为填充，padding值不可以取负数
默认情况下，通过css设置的宽或者高指的是内容宽高，也就是content的宽高,当box-sizing: border-box时;
设置的宽高就指contentWidth+padding+border
