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>
有时间的话,每天泡泡蓝色理想,能学到不少 ^_^