盒子模型
margin 设置外边距宽度
有4个值的时候： maigin 10px 5px 15px 20px; (上、右、下、左)
有3个值的时候： margin: 10px 5px 15px; (上、左右、下)
有2个值的时候： magin: 10px; (代表4个值都是10px)
margin需要注意的3个问题：
1、body有默认的margin, chrome是8px
解决办法：把body的margin设置为0
2、如果设置了上下两个盒子的margin,两个盒子的距离以大的为准
3、如下案例说明
需求：把inner（绿色的div往下移动20px）,我们会想到使用margin-top: 20px
inner并没有相对父元素wrap下移20px，范围整个父元素相对body下移动了20px，这是为什么呢？
原因：
wrap没有设置边框，然后inner就往上寻找到body的边框即顶部，然后下移了20px
因为我们只需要把wrap设置上边框，为了美观，可以把边框设置为白色
