css - 比一个屏幕长的居中 CSS 页面显示 5px~ 比短的页面更靠左 - 我该如何停止这种情况？

Question

这个问题已经困扰我一段时间了，我已经尝试研究它，但到目前为止，我只是找到了告诉我如何居中的网站，但这不是问题所在。问题在于，虽然#content 看起来居中，但当页面占据多个屏幕时，它会导致#content 出现在其高度小于一个屏幕时出现位置的左侧约5px。有没有一种方法可以解决此问题，而不会迫使我的较短页面到达底部屏幕或超出底部屏幕？

以下是我将内容居中的方式:

body {
    margin: 0;
    padding: 0;
}

#content {
width: 800px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}

我承认那里还有几个 div，但我不认为这与这个问题真的相关...

Answer 1

@asc99c是对的。

滚动条导致了您的问题。

当它出现时，它会覆盖一切。

要解决这个问题(如果必须的话)，您可以让您的页面高度超过 100%。有点像

body, html{
    height:100%;
}

div{
    height:101%;
}

div 是您的主要内容div。

示例:http://jsfiddle.net/jasongennaro/7NYnS/