Question

margin-top 背景图片问题

这里的文档已经开纪了
<hr />
<div style="background:red; width:200px; height:200px;">
<div style="margin-top:20px; margin-left:20px; height:100px; width:100px; background:#000;"></div>
</div>
外头的DIV被直接带了下来。左边距有，上边距没有。要个好点的解决办法。
我以前只用个空div，指定高度20塞住。

Answer 1

1.给外框加个padding-top的值，如padding-top:1px;（如果你介意这1px的差异，那就将第二个的margin-top值设为19px）
2.给里边的框设置float
3.给外框设置position:relative,内框设置position:absolute;
4.给外框设置border-top:1px solid white;