首页 > 其他 > 详细

ie8 下margin-top失效的小案例

时间:2017-05-01 18:14:22      阅读:362      评论:0      收藏:0      [点我收藏+]

一个小案例,是关于IE8下的margin-top的失效问题,巨日代码如下:

技术分享

正常的chrome浏览器下的显示如下:

技术分享margin-top=10px,正常显示

但是在ie8下,最终样式如下:

技术分享

margin-top已经不翼而飞。

这类问题的具体原因,不太清楚,等待后续的学习。

具体的改善措施,就是:给父级元素wrap添加display:inline-block; 就解决了。

 

ie8 下margin-top失效的小案例

原文:http://www.cnblogs.com/xuzhudong/p/6792297.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!