margin-top 无效问题及解决方法

今天在做潮汕风情网专题的友情链接时,再次碰到了这个问题。其产生的原因是其父容器的hasLayout属性没有被触发(火狐中也是这种情况)。解决方法是通过给父容器添加特定的属性,以触发其hasLayout属性。

可触发hasLayout的属性有:overflow:hidden,border:solid 1px #fff,float:left

当然,也可以通过在顶部和底部添加两个空元素来解决。

参考链接:http://hi.baidu.com/mengqing723/blog/item/9df9aecb17d20df752664f53.html margin-top 无效,避开麻烦的margin叠加(margin collapsing)

公告栏

  • 姓名:林剑锋(不见不散)
  • 来自:中国-广州
  • 简介:技术的信徒。
  • Email/QQ:admin@ljf.cn
  • 点击这里给我发消息

QQ群:设计学院 68075618,网站设计师 9908776

统计

文章:337篇
评论:173条 (2条Spam)
相册:1个 (121张图片)
主题:Nagrand新主题

www.ljf.cn网站PR查询