刚在作个网站,有个页面与其余页面显示有点出入,css
经过观察和调试,发现是该页面的垂直高度未溢出,html
没法调用出垂直滚动条,浏览器
从而致使相对于其余页面居中时相差几个像素距离,网站
使得页面效果不够友好。spa
解决方案:将全部页面强制添加或者隐藏浏览器的滚动条便可。调试
相关css 代码以下:orm
//强制显示滚动条:htm
html { overflow: scroll; }it
//强制隐藏滚动条:scroll
html { overflow: hidden; }
//隐藏IE的水平滚动条:
html { overflow-x: hidden; }
//隐藏IE的垂直滚动条:
html { overflow-y: hidden; }
//强制显示IE的水平滚动条:
html { overflow-x: scroll; }
//强制显示IE的垂直滚动条:
html { overflow-y: scroll; }
//强制显示Mozilla的水平滚动条:
html { overflow:-moz-scrollbars-horizontal; }
//注意: 仅仅强制显示水平滚动条. 也就是说, 即便须要显示垂直滚动条时, 垂直滚动条也不会出现.
//强制显示Mozilla的垂直滚动条:
html { overflow:-moz-scrollbars-vertical; }
//注意: 仅仅强制显示垂直滚动条. 也就是说, 即便须要显示水平滚动条时, 水平滚动条也不会出现.