margin:用来调整盒子到盒子之间的距离，不会撑大显示的区域，但是会影响到别 的盒子
o 使用场景:需要在 border 外侧添加空白时;空白处不需要背景(色)时;上下 相连的两个盒子之间的空白，需要相互抵消时;
• padding:用来调整子元素(内容)在父元素(盒子)内的位置，会把盒子撑大，如 果不想被撑大，要在原来宽高的基础上减去对应方向的 padding 值
o 使用场景:需要在 border 内测添加空白时;空白处需要背景(色)时;上下相
连的两个盒子之间的空白，希望等于两者之和时;
