普陀总校  北桥教学点  颛桥教学点  泗泾教学点  | 设为首页 | 加入收藏 | 官方微信
内威培训
打造“培训+就业”一站式服务品牌!
  • Web前端工程师
  • 电脑艺术设计师
  • 网页设计制作员
  • Java软件开发工程师
banner1

首页>>学员天地

关于内层DIV设置margin-top不起作用的解决方案
编辑:Simon  阅读:1700次  发布:14-05-29
   近日在做一个项目时,遇到一个问题,实例如下:
   代码如下:
     <div > <!--父层-->
          <div style="margin-top:200px;">子层</div>
     </div>
   正常的效果应是父层的上部层贴边显示,子层距离父层顶部有200px的距离,在ie中正常,但是在ff中却出现问题,子层和父层贴边了,而父层和上部层却间隔了200px。

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

   解决的办法有两种,即:
   1、使用浮动来解决,即将子层代码改为:<div style="margin-top:200px;float:left";>子层</div>
   2、使用padding-top来解决,即:
     <div style="padding-top:200px;">
        <div>子层</div>
     </div>


上一篇: innerText和innerHTML区别   下一篇: 解决span float:right不能右对齐而是换行显示
网络大专、自考本科,学历轻松拿!
©2016-2020 万博体育APP 版权所有
普陀区武宁路1500号中楼2-3层(邮编:200062)
咨询:021-62434966  合作:021-13371929650  就业:021-62434966  传真:021-52662428  电邮:service@snetway.com
《中华人民共和国电信与信息服务业务》经营许可证沪ICP备15002602号