先自行测试个例子:

<div style="width:300px;background:#900;padding:10px">
<div style="margin:10px;background:#F00">
test
</div>
</div>

你应该会发现,在firefox等浏览器下,里面红色层是在正中间的;而在ie下,里面红色却在靠上了。原因不好说,解决方法有两种:一是去掉深红色层的width,再外套一层来定width;二是去掉padding,直接用margin。

一:

<div style="width:300px">
<div style="background:#900;padding:10px">
<div style="margin:10px;background:#F00">
test
</div>
</div>
</div>

二:

<div style="background:#900">
<div style="margin:20px;background:#F00">
test
</div>
</div>

有时间的话,每天泡泡蓝色理想,能学到不少 ^_^