曹杨教学点? 北桥教学点? 学校总部? | 设为首页 | 加入收藏 | 官方微信
365棋牌新手卡怎么使用_365棋牌全民游戏_365棋牌游客服充值
打造“培训+就业”一站式服务品牌!
  • Python+AI工程师
  • Web前端工程师
  • Java软件开发工程师
banner1

首页>>学员天地

关于内层DIV设置margin-top不起作用的解决方案
编辑:Simon? 阅读:2427次? 发布:14-05-29
?? 近日在做一个项目时,遇到一个问题,实例如下:
?? 代码如下:
????

??? ?????
子层

??? ?

?? 正常的效果应是父层的上部层贴边显示,子层距离父层顶部有200px的距离,在ie中正常,但是在ff中却出现问题,子层和父层贴边了,而父层和上部层却间隔了200px。

?? 百思不得其解,查询了相关资料,知道:当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用于父元素。也就是说因为子层是父层的第一个非空子元素,所以使用margin-top会发生这个错误。

?? 解决的办法有两种,即:
?? 1、使用浮动来解决,即将子层代码改为:
子层

?? 2、使用padding-top来解决,即:
????

?????? ?
子层

??? ?


上一篇:?innerText和innerHTML区别? ?下一篇:?解决span float:right不能右对齐而是换行显示
网络大专、自考本科,学历轻松拿!
?2016-2020 上海内威职业技能培训学校 版权所有
普陀区真南路1051弄5号303室(邮编:200331)
咨询:021-62434966? 合作:021-13371929650? 就业:021-62434966? 传真:021-? 电邮:service@snetway.com
《中华人民共和国电信与信息服务业务》经营许可证沪ICP备15002602号?