404day(margin塌陷复习)

《2018年11月12日》

标题：margin塌陷复习；
内容：

一看居然是404。。

 

复习了一波，专门把margin塌陷拿出来写一下：

1.垂直并列：黄色为margin,灰绿色为padding;

当两个 盒子垂直排列，距离为大的margin值；

 

2.嵌套关系：

这里两个盒子为 嵌套关系，父盒子无margin值，

为子盒子添加margin值的效果：如同 给父盒子 添加了margin；

注意：如果父盒子同时具有margin，则效果相同，并且父盒子表现出的margin值以 两者中的大值为标准；

 

解决方法：

（1）为父盒子设置border；
（2）为父盒子添加overflow：hidden；
（3）为父盒子设定padding值。