开启左侧

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

[复制链接]
et2007 发表于 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

查看全部评分总评分 : 金钱 +6

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

本版积分规则

推荐阅读更多+
会员达人更多+
广告位

最新信息

更多+

关注我们:教育技术人

官方微信

官方微博

教育技术热线:

13955453231

学教育技术,上教育技术论坛!

教育技术论坛征稿范围:教育技术应用案例、教程文章、优秀作品等。

Email:sf@etthink.com

Copyright   ©2007-2026  应用思考-教育技术论坛  Powered by©Discuz!  技术支持:且行资源    ( 皖ICP备10014945号-4 )