头闻号

东莞市大岭山辰光塑胶加工店

家居用品加工|学校家具|酒店家具|餐厅家具|办公家具|卧室家具

首页 > 新闻中心 > 科技常识:css3 position fixed固定居中问题解决方案
科技常识:css3 position fixed固定居中问题解决方案
发布时间:2023-02-01 09:59:35        浏览次数:4        返回列表

今天小编跟大家讲解下有关css3 position fixed固定居中问题解决方案 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css3 position fixed固定居中问题解决方案 的相关资料,希望小伙伴们看了有所帮助。

通常 我们要让某元素居中 会这样做:复制代码代码如下:#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'}); }

来源:爱蒂网