您现在的位置是：网站首页> 编程资料编程资料
IE7下当position:fixed遇到text-align:center的解决方法 _CSS教程_CSS_网页制作_
2021-09-08
759人已围观
简介 IE7下当position:fixed遇到text-align:center 的一些状况，大家可以参考下。
啥也不说，先看代码:
提示：您可以先修改部分代码再运行
提示：您可以先修改部分代码再运行
2.使用position:fixed时，同时将bottom与right定位写全，第一段代码中，遗漏了right
提示：您可以先修改部分代码再运行
作者：菩提树下的杨过
提示：您可以先修改部分代码再运行
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
提示：您可以先修改部分代码再运行
作者：菩提树下的杨过
相关内容
- IE8 css overflow:hidden不起作用_CSS教程_CSS_网页制作_
- css clear之清除区域_CSS教程_CSS_网页制作_
- 区分IE6，IE7，IE8和FF的css hack _浏览器兼容教程_CSS_网页制作_
- CSS 学习笔记_CSS教程_CSS_网页制作_
- 使用Table，DIV，XHTML三者制作网页的区别._Div+CSS教程_CSS_网页制作_
- RoundedCornr 生成圆角图片的好用的简单工具_CSS教程_CSS_网页制作_
- CSS haslayout 彻底了解_CSS教程_CSS_网页制作_
- CSS的Box模型图_CSS教程_CSS_网页制作_
- 纯DIV+CSS实现圆角代码_Div+CSS教程_CSS_网页制作_
- css 控制first-letter伪类的背景_CSS教程_CSS_网页制作_
