读书人

关于margin-top失效的解决办法(摘抄)

发布时间: 2012-10-29 10:03:53 作者: rapoo

关于margin-top失效的解决方法(摘抄)
常出现两种情况:
(一)margin-top失效

先看下面代码:

<div><div >float:left</div><div name="code"><div style="height:100px;background:red;"><div class="box2">clear:both; margin-top:20px;height:50px;width:500px;background:#000;</div></div>


当给box2设置margin-top时,在FF下仅作用于父容器。

解决办法:

1.给父容器box加overflow:hidden;属性2.父容器box加border除none以外的属性3.用父容器box的padding-top代替margin-top

读书人网 >Web前端

热点推荐