0

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

4

2 回答 2

2

它是#main-menu, width + left = 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 */
}
于 2013-02-07T20:17:28.703 回答
0

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

于 2013-02-07T20:12:05.280 回答