通過觀察和調試，發現是該頁面的垂直高度未溢出，

無法調用出垂直滾動條，

從而導致相對于其他頁面居中時相差幾個像素距離，

使得頁面效果不夠友好。

解決方案：將所有頁面強制添加或者隱藏瀏覽器的滾動條即可。

相關css 代碼如下：

//強制顯示滾動條:

html { overflow: 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; }

//注意: 僅僅強制顯示垂直滾動條. 也就是說, 即使需要顯示水平滾動條時, 水平滾動條也不會出現.

相關資料：

轉載于:https://www.cnblogs.com/code81/p/4120173.html

總結

以上是生活随笔為你收集整理的html关于强制显示、隐藏浏览器的滚动条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。