MarginCollapsing

外边距合并在排版上带来非常大的便利，但是人们对其不甚了解，导致使用外边距的时候总是出现繁多问题，今日写下一片文章，总结一下外边距合并。

三种基本的外边距合并

只有上外边距和下外边距才会触发外边距合并，左外边距和右外边距不会。外边距合并都是基于以下三种基本的外边距合并。

1. 相邻的同胞元素

我们考虑两个连续的 div，他们的上下左右的边距都是 50px。此时， 第一个区域的下外边距 和 第二个区域的上外边距 合并，故他们的间隔是 50px。

     .margin-box {        width: 50px;        height: 50px;        margin: 50px;        background: #fae900;    } 


      
查看更多关于MarginCollapsing的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did109320