本文介绍了CSS3中关于盒子模型的外边距折叠现象，包括兄弟元素和父子元素间的重叠规则，并探讨了如何处理外边距折叠对页面布局的影响。接着，讲解了行内元素的盒模型特性，如不支持设置宽高，以及`display`属性的用法。最后，提到了浏览器默认样式的存在及其对布局的影响，建议在编写网页时去除这些默认样式。
日期：2021/12/30
P51_盒子模型-外边距的折叠
1.外边距（margin）的重叠
相邻的垂直方向的外边距会发生重叠现象
1.兄弟元素
兄弟元素的相邻垂直外边距会取两者之间的较大值（两者都是正值）
特殊情况：
如果相邻的外边距一正一负，则取两者的和
都是负值，则取两者中绝对值较大的
兄弟元素之间的外边距的重叠对于开发是有利的，所以不需要处理
2.父子元素
父子元素间相邻外边距，子元素的会传递给父元素（上外边距）
父子外边距的折叠会影响到页面的布局，必须要进行处理
父元素加边框等
P52_行内元素的盒模型
1.行内元素不支持设置宽度和高度
2.可以设置padding、border、margin，但是垂直方向不会影响页面的布局
3.display，用来设置元素的显示类型
可选值：
inline，将元素设置为行内元素
最低0.47元/天 解锁文章
7278
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
