margin传递和叠压的问题

<div class="box">
    <div class="div1"></div>
    <div class="div2"></div>
</div>

.box div{
    margin: 50px;
}

这个时候你会发现两个问题：
1，box上面会空出50px出来
2，div1和div2之间只有50个像素;

问题一的解决方案

.box{
    overflow: hidden;
    zoom:1
}

问题二的解决方案：
不要这么写，尽量把margin写在同一个方向