日期:2014-05-17  浏览次数:20766 次

帮我看看这段css代码为什么不好用呢 大家提点意见
<div style="width:960px; background-color:Green; height:330px; _height:370px;">
  <div style="width:650px; background-color:Red; margin-left:auto; 
  margin-right:auto; padding-top:20px;">dgdgfdfdddgd</div>
</div>
我的子div我给设置padding-top:50px;它应该是相对父div向下移50px;但是显示的效果却是 子div的高度增加了50px 子div上边距并没有离父div50px; 问题出现在哪了????

------解决方案--------------------
padding是填充,显示的效果是对的。你可以看看这个帖子:http://topic.csdn.net/u/20100708/16/6cd03a69-10e8-4c06-8d17-365319990d75.html?04361624679125218

想让上边距离父div 50px,可以设置父div的padding为50px,也可以设置子div的margin-top:50px;,但同时要注意margin的折叠,见:http://topic.csdn.net/u/20100712/16/5e65ba8c-1680-420c-9c38-b3064e6602ae.html?89385