CSS盒子模型-内外边距问题

1.外边距折叠问题

垂直布局的块级元素，上下margin会合并

结果：取两个margin中最大值

解决方法：

只设置一个盒子的margin

2.外边距的塌陷问题

互相嵌套的块级元素，子元素的margin-top会作用在父级元素上

结果：导致父元素一起往下移动

解决办法：

给父元素设置border-top或者padding-top（分隔父子元素的margin-top）

给父元素设置overflow：hidden

转换成行内块元素

设置浮动

3.行内元素的垂直内外边距

如果想通过margin或者padding改变行内标签垂直位置，不生效