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

我不明白为什么，当你在一个比内容960像素宽的浏览器窗口中打开页面时，底部的滚动条会出现（好像在边缘可以看到更多的内容）

所以你可以玩它，看看我在说什么。我希望我的问题是清楚的。请不要犹豫澄清。我希望在不太修改代码的情况下解决这个问题

---

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

---

顺便说一句，你在h2元素里面放了一个div。这是不允许的，也是无效的。

或者，您可以添加css

溢出：隐藏到具有id标头的div内的第一个表

发生的情况是“Contact”表格单元格比表格更宽，并且正在扩展页面的宽度