postion:fixed和margin:0 auto的使用
2024-10-12 10:29:32
很多同学将顶部菜单固定,使用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'});
}
最新文章
- Java服务器对外提供接口以及Android端向服务器请求数据
- LINUX内核笔记:自旋锁
- CSS3伪类选择器:nth-child()(nth-child(odd)/nth-child(even))
- Ruby类的创建与使用
- 【GoLang】golang 报管理工具 Godep 介绍
- FindBugs工具常见问题
- HTML文件结构
- 插值和空间分析(二)_变异函数分析(R语言)
- Hibernate入门(2)- 不用配置用注解
- 模板与继承之艺术——奇特的递归模板模式(CRTP)
- Java基础知识强化之集合框架笔记10:Collection集合使用的步骤
- Java 程序员必须掌握的 Linux 命令
- Java基础知识强化26:Object类之hashCode()方法、getClass()方法
- iOS 之 runtime --- 集百家之言
- ado.net的简单数据库操作(三)——简单增删改查的实际应用
- 介绍Dynamics 365的OrgDBOrgSettings工具
- <;TCP/IP>;ICMP报文的分类
- CSS 中的 BFC,IFC,GFC和FFC
- Confluence 6 教程:空间高手
- CentOS防SYN攻击
热门文章
- java实现Excel定制导出(基于POI的工具类)
- 糊糊的学习笔记--Fiddle抓包
- Linux服务器内存池技术是如何实现的
- The router relies on a tree structure which makes heavy use of common prefixes, it is basically a compact prefix tree (or just Radix tree).
- 策略模式 VS 状态模式
- 阿里巴巴微服务与配置中心技术实践之道 配置推送 ConfigurationManagement ConfigDrivenAnyting
- openrstry 限流 是否有清零逻辑 连接池
- 详解Go中内存分配
- 20200927gryz校赛心得
- idea一定要做的配置