应用思考-教育技术论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

开启左侧

DIV+CSS网页布局左右抖动的解决方案 (优选转载)

[复制链接]
发表于 2011-5-8 22:15:00 | 显示全部楼层 |阅读模式
DIV+CSS网页布局打开时 左右抖动的解决方案



      不知道大家有没有出现过这样的情况:打开网页(DIV+CSS )的一瞬间网页会向左摆一下,

进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原

因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0

auto;时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条

的宽了,这时网页就会向左摆一点

      不知道您看明白没?估计应该有好多人都有过这种情况,其实解决方法很简单,就是在样式表(CSS)

中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,代码可以这样构造:



html{overflow-y:scroll;overflow-x:scroll;}

或者将上述样式加入到页面内容的最外层的那个div中。
这种情况只会在ie6中才有,在ie7.0,ie8.0 ,Firefox 或者opera 等浏览器中就不存在,虽然前边的大部分是直接复制的文字,但是红色的代码是经过实验检验了的,而且网上通常只有overflow-y:scroll,有时候这并不能解决问题,而要加上overflow:scroll-x。希望上述解释对大家有用。



评分

参与人数 1金钱 +6 收起 理由
etthink + 6

查看全部评分

欢迎大家多发帖,参与讨论,增进彼此了解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|应用思考-教育技术论坛 ( 皖ICP备10014945号-4 )

GMT+8, 2026-5-6 17:30

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表