博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
postion:fixed和margin:0 auto的使用
阅读量:5827 次
发布时间:2019-06-18

本文共 617 字,大约阅读时间需要 2 分钟。

很多同学将顶部菜单固定,使用postion:fixed,然后使用margin:0 auto进行居中,发现margin:0 auto并不起作用。

通常,我们要让某元素居中,会这样做:

 

#element{margin:0 auto;}

  

如果还想让此元素位置固定呢?一般我们会添加position:fixed,如下:

 

#element{position:fixed;margin:0 auto;}

  

但是这样做的结果就是,元素不居中了。这说明fixed使对象脱离了正常文档流。

解决方案:

 

#element{position:fixed;margin:0 auto;left:0;right:0;}

  

但是在IE7以下的版本中无法工作,要将其更改为:

 

#element{position:fixed;margin:0 auto;left:auto;right:auto;}

  

最后我们可以这样:

 

if ($.browser.msie && parseInt($.browser.version, 10) <= 7) {    strAlertWrapper.css({position:'fixed', bottom:'0', height:'auto', left:'auto', right:'auto'}); }

  

转载于:https://www.cnblogs.com/Ekong/p/3850474.html

你可能感兴趣的文章
学习:UTF-8和GBK的区别
查看>>
Shape parameter 形状参数
查看>>
【求助】小系统组成大系统所遇到的问题
查看>>
js 中英文字符串长度
查看>>
让xp系统(win2003系统)支持搜索文件内容
查看>>
Audactiy 和 Sox
查看>>
Apache Rewrite 拟静态配置
查看>>
memcache分布式部署的原理分析
查看>>
动软代码生成器 可用于生成Entity层,可更改模板 /codesmith 也可以
查看>>
LeetCode: Multiply Strings. Java
查看>>
使用Heroku,需要locale至zh_CN,代替zh-CN
查看>>
优步北京B组(8月10日-8月16日奖励规则)
查看>>
eclipse启动tomcat 访问http://localhost:8080 报404错误
查看>>
iOS发展- backBarButtonItem 颜色/文字修改
查看>>
Java生成CSV文件
查看>>
终结者单身——setAccessible(true)
查看>>
IOS应用沙盒文件操作
查看>>
C读取配置文件
查看>>
查找2个分支的共同父节点
查看>>
开源免费跨平台opengl opencv webgl gtk blender, opengl贴图程序
查看>>