应用思考-教育技术论坛

标题: DIV+CSS网页布局左右抖动的解决方案（优选转载） [打印本页]

作者: et2007 时间: 2011-5-8 22:15
标题: DIV+CSS网页布局左右抖动的解决方案（优选转载）
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。希望上述解释对大家有用。

欢迎光临应用思考-教育技术论坛 (http://etthink.com/)