css 外边距折叠

html网页

两个元素上下外边距接触时发生叠加，这时两个元素上下的边距不是两个上下边距之和，而是取较大边距的那个元素的值作为两个元素的上下边距。     body{        margin：0px;        padding：0px;    }    div{       width:100px;       height:100px;       background:red;       border:1px solid gold;    }    div#top{        margin：20px;    }    div#bottom{        margin：10px 14px;    }