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

资料来源：网络整理时间：2023/3/4 0:56:15 共计：3588 浏览

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

.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。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。