网页左右晃动问题解决

不知道大家做网页时候有没有发现有个问题，网页内容为margin:0 auto;居中时,打开网页的一瞬间网页会向左摆一下,进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0 auto;时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条的宽了,这时网页就会向左摆一点。

解决的办法是在css样式表中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,下面代码直接放在.css里

html{overflow-y:scroll;}

上面内容是我在google中搜索到的网页左右摇摆的解决方法，但是它还是有个问题，那就是在CSS中加入上述代码，晃动的问题是解决了，页面右边会出现两个滚动条，这样就会使用户产生错觉，这样效果也不好。通过上述解决方法我知道了网页晃动的原因是由于个别页面高度不够造成的，这样的话就好办了，那我们就设置一个能使滚动条出现的最小高度，这样的话问题就解决了。我们可以在控制页面最外层的DIV的CSS中加一下代码：

min-height:800px;

数值800px可以根据自己的需求设置。总结一下咱就知道是咋回事了！