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


啥也不说,先看代码:



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

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



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

作者:菩提树下的杨过




相关阅读:
Windows Vista系统常用术语列表
监控 DB2 活动之捕获快照数据
discuzX2全站自动备份批处理
DDR with Access Lists
JS getStyle获取最终样式函数代码
通过数组给您的文件排序
也谈SQL SERVER的锁
也谈php网站在线人数统计
Oracle Faq(如何在ORACLE中更改表的列名和顺序 )
CSS盒模型制定网页的宽度和高度的原理
Windows 2008无损调整分区
JS与框架页的操作代码
掌握Windows 7快捷键熟练应用Windows 7操作系统
数据从MySQL迁移到Oracle的注意事项
快速导航

Copyright © 2016 phpStudy |