本文介绍了CSS盒模型中padding和border如何增加元素面积，以及margin的叠压现象和margin塌陷问题的原因及解决方案。针对margin塌陷，提出了通过设置padding、border或使用overflow: hidden来避免的方法。
padding border 会增加盒模型面积
margin：
叠压现象：两者之间的间距以大值为准
塌陷问题：
原因：父级的第一个子级是块标签，并使用了margin或者margin-top
解决方案：1、不使用margin，在父级使用padding-top
2、给父级一个border
3、在父级使用overflow：hidden（溢出隐藏）
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
