合并问题：外边距相互覆盖，取大值
塌陷问题：子级标签添加上边距，会影响父级的上边距
解决：
1 取消子级 margin，设置父级 padding 和 box-sizing:border-box
2 设置父级 overflow : hidden
3 设置父级 border-top
行内元素：使用 margin 和 padding 无法改变垂直位置
解决： 使用 line-height 生效
span1
span2