造成合并的原因:两个常规流块盒(兄弟元素和父子元素一样),上下外边距相邻,会进行合并。
兄弟元素时
html代码
<div class="divOne">场请放事国才没甲辜是受一颜我冇于人不,得评骂天对互秦变者苟你流太,此将游人的倒的动,付解有活后大但家考人动不把是家斯,足创者德已案的临孔什掉三活,重。</div>
<div>已对报了拾妙人航即罚因最德而才实,病好仍血老仓锐娇国,你在以没身又为皇,么屯够生以母判,云败叩反能收能章王的杨人也,终书畴请土才话的,者作你郭放,君未张知之感则和饮是第</div>
css 代码
/*初始化*/
body {
margin: 0;
}
div {
border: 1px solid;
margin: 30px;
}
浏览器显示结果:两个div的margin为30px 重叠在一起