错误的网页水平滚动搞乱布局

Question

对于以下网站：http://mountainfoodstorage.com，当窗口最大化（宽度大于约1520px）时，页面会正确显示。但是如果窗口比1520px更薄，则会出现一个水平滚动条，如果我向右滚动，我的布局会显得混乱（应该跨越整个宽度的div被截断）。我的网页内容只有大约1000像素宽，所以水平滚动条太早就开始大约500像素。我已经检查了页面的元素，看看是否有任何东西将宽度提升到大约1520px，但我找不到任何正在做的事情。有什么想法吗？

Answer 1

它是#main-menu，宽度+左= 1250而不是您的网站宽度。移除left样式并将float:right添加到ul

#main-menu {
    position:relative;
    left:265px; /* remove this */
    width:985px;
    margin:0 auto 0 auto;
}

#main-menu ul {
    margin-left:0;
    float: right; /* add this */
}

Answer 2

添加html, body {overflow-x: hidden;}？