CSS中上下margin的传递和折叠.docxVIP

第 第 PAGE 1 页 共 NUMPAGES 1 页 CSS中上下margin的传递和折叠 CSS中上下margin的传递和折叠  1.margin-top传递 为什么会产生上边距传递？  块级元素的顶部线和父元素的顶部线重叠，那么这个块级元素的margin-top值会传递给父元素。  示例代码：给inner盒子设置margin-top: 20px;。  .reference { width: 100px;  height: 100px;  background-color: f00;  color: fff;  }  .box { width: 200px;  height: 200px;  background-color: 0f0;  }  .inner {  width: 100px;  height: 100px;  background-color: 00f;  margin-top: 20px;  }  参考盒子     inner的margin-top的值传递给了box。  2.margin-