CSS:父子标签间的间隔建议用padding，兄弟标签间用margin

《CSS:父子标签间的间隔建议用padding，兄弟标签间用margin》正文开始，本次阅读大概8分钟。

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

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

divclass=box1
divclass=box1_1box1_1/div
/div

chrome FireFox IE8 IE9下的效果如下：

IE6 IE7 下的效果如下：

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

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

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