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。希望上述解释对大家有用。
|
|