《2018年11月12日》
标题:margin塌陷复习;
内容:
一看居然是404。。
复习了一波,专门把margin塌陷拿出来写一下:
1.垂直并列:黄色为margin,灰绿色为padding;


当两个 盒子垂直排列,距离为大的margin值;
2.嵌套关系:



这里两个盒子为 嵌套关系,父盒子无margin值,
为子盒子添加margin值的效果:如同 给父盒子 添加了margin;
注意:如果父盒子同时具有margin,则效果相同,并且父盒子表现出的margin值以 两者中的大值为标准;
解决方法:
(1)为父盒子设置border;
(2)为父盒子添加overflow:hidden;
(3)为父盒子设定padding值。
本文详细解析了CSS中Margin塌陷现象,包括垂直并列与嵌套关系下的表现,以及如何通过设置border、overflow属性或padding值来解决这一问题。
1万+

被折叠的 条评论
为什么被折叠?



