瀏覽器滾動條出現，儘管內容的尺寸爲

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

我所有的內容也被裹在一個叫做「頁」的div有參數如下：

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

我不明白爲什麼那麼，當你在，這顯然是更廣泛的那麼960像素寬度的內容的瀏覽器窗口中打開該頁面，並在底部滾動條出現（就好像在邊緣上看到更多內容一樣）。

Here is the website所以你可以玩它，看看我在說什麼。我希望我的問題很清楚。請不要猶豫澄清。我希望能夠解決這個問題，而不用更改我的代碼。

謝謝

Answer 1

在你的表中，你爲'contact'設置了180px的最小寬度。爲了騰出空間，頁面被推到右邊。刪除，如果你能解決這個問題。

順便說一句，你把一個div內的h2元素。這是不允許的，並且是無效的。

Answer 2

或者，您可以將css overflow: hidden ;添加到帶ID標頭的div中的第一個表。

發生的事情是「聯繫人」表單元格比表格寬，並且正在擴展頁面的寬度。