您现在的位置:首页 > >

前端面试必备??外边距合并

发布时间:


因本人最*正忙于校招应聘,所以特此设计《前端面试必备》系列,总结面试问题并分享给大家,因能力不足,如有问题,敬请指正,特此感谢。



块的顶部外边距和底部外边距有时候会被折叠为单个外边距,其大小为两值中的最大值,这种行为就被称为外边距合并。

相邻兄弟姐妹元素父元素和子元素空元素
相邻兄弟姐妹元素

两个兄弟元素之间的外边距,会取两个元素外边距的最大值。


这个段落的下外边距被合并...


...这个段落的上外边距被合并。

复制代码

按照上面的例子可以得出,两个p元素之间距离为30px。


父元素和子元素

这种情况又可以分为以下两种:


父元素的上外边距和第一个子元素的上外边距父元素的下外边距和最后一个子元素的下外边距

这两种情况,最终显示出来的结果都是取二者中的最大值。


空元素

自己的上外边距会和自己的下外边距合并


这个段落的和下面段落的距离将为20px




友情链接: 团党工作范文 工作范文 表格模版 社科文档网 营销文档资料 工程文档大全