尽管内容的尺寸，浏览器滚动条仍然出现

Question

当我试图描述我的问题时，请耐心等待。

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

/* 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所以你可以玩它，看看我在说什么。我希望我的问题很明确。请不要犹豫澄清。我希望在不改变我的代码的情况下解决这个问题。

谢谢

Answer 1

在表格中，为“联系人”设置最小宽度180px。为了腾出空间，页面被推到了右边。如果你能解决这个问题，请删除它。

不过，你把一个div放在了h2元素里面。这是不允许的，无效。

Answer 2

或者，您可以将css overflow: hidden ;添加到div中带有id标头的第一个表。

发生的事情是“联系人”表格单元格比表格宽，并且正在扩展页面的宽度。