CSS：padding与margin的等级

先自行测试个例子：

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

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