在写代码的时候，遇到过一个问题，如下图：

.box1{height:150px;background:#CCC;}
.box1_1{height:50px;margin-top:50px;background:#AAA;}

<div class="box1">
    <div class="box1_1">box1_1</div>
</div>

chrome & FireFox & IE8 & IE9下的效果如下：

IE6 & IE7 下的效果如下：

很明显，父子标签间用margin的问题，表现在有时除IE(6/7)外的浏览器子标签margin转移到了父标签上，IE6&7下没有转移。

对于这两种显示效果，我倒认为IE6&IE7是正确的，不知道是否有朋友能给出解释。

解决办法就是：父子标签间的间隔建议用padding，兄弟标签间用margin。