首页 > Web开发 > 详细

IE7下当position:fixed遇到text-align:center的解决方法

时间:2016-01-30 20:57:32      阅读:131      评论:0      收藏:0      [点我收藏+]
啥也不说,先看代码:



提示:您可以先修改部分代码再运行

IE7(或IE8的兼容模式)下运行代码会发现,底部的toolbar栏,宽度只有一半了(FF,Chrome等浏览器能正常解析)
触发条件:
1.IE7/IE8兼容模式
2.position:fixed定位时,仅写了bottom或top,遗漏了right或left
3.position:fixed外层容器中使用了text-align:center 

解决办法:

1.position:fixed对应元素的"外层容器"中的text-align:center去掉,或改成text-align:left即可



提示:您可以先修改部分代码再运行

2.使用position:fixed时,同时将bottom与right定位写全,第一段代码中,遗漏了right



提示:您可以先修改部分代码再运行

作者:菩提树下的杨过

IE7下当position:fixed遇到text-align:center的解决方法

原文:http://www.jb51.net/css/24906.html

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