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

無法調用出垂直滾動條，

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

使得頁面效果不夠友好。

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

相關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; }

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

以上就是html如何強制顯示以及隱藏瀏覽器的滾動條的詳細內容，更多請關注php中文網其它相關文章！