日期:2021/12/30
P51_盒子模型-外边距的折叠
1.外边距(margin
)的重叠
相邻的垂直方向的外边距会发生重叠现象
1.兄弟元素
兄弟元素的相邻垂直外边距会取两者之间的较大值(两者都是正值)
特殊情况:
如果相邻的外边距一正一负,则取两者的和
都是负值,则取两者中绝对值较大的
兄弟元素之间的外边距的重叠对于开发是有利的,所以不需要处理
2.父子元素
父子元素间相邻外边距,子元素的会传递给父元素(上外边距)
父子外边距的折叠会影响到页面的布局,必须要进行处理
父元素加边框等
P52_行内元素的盒模型
1.行内元素不支持设置宽度和高度
2.可以设置padding
、border
、margin
,但是垂直方向不会影响页面的布局
3.display
,用来设置元素的显示类型
可选值:
inline
,将元素设置为行内元素