html - 尽管内容大小，浏览器仍会显示滚动条

在尝试描述我的问题时，请耐心等待。

我已经自动对齐了网页的内容，以便使用以下代码将其显示在中心：

/* Universal Rules -------------------------------------------------- */
body {
    margin: 0;
padding: 0;
background: #fff;
color: #333;
/* font sizing in ems, baby. if you want to change anything, just change this.*/
font: 75%/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.ahem, hr { display: none !important; }
img { border: none; }
form { margin: 0; }
.floatleft, .alignleft { float: left; margin: 0 1em 1em 0; }
.floatright, .alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clearboth { clear: both; }

我所有的内容也都包裹在一个名为“ page”的div中，该div具有以下参数：

#page {
    width: 960px;
margin: 0 auto;
}

我不明白为什么会这样，当您在浏览器窗口中打开的页面明显宽于内容的960px宽度时，底部的滚动条是否会出现（好像在页面上看到了更多内容一样）边缘）。

Here is the website，以便您可以使用它并查看我在说什么。希望我的问题清楚。请不要犹豫澄清。我希望能解决此问题而不过多更改代码。

谢谢

最佳答案

在表格中，您为“联系人”设置的最小宽度为180px。为了腾出空间，页面被推到右边。如果可以解决此问题，请将其删除。

顺便说一句，您将div放入h2元素中。这是不允许的，并且无效。