为什么我网站右侧有额外的空白区域?

时间:2012-04-26 21:44:03

标签: html css

在Chrome上,我的网站显示正常,但在FF或IE中,我在网站右侧获得了水平滚动条和空白区域(可能需要重新调整/刷新几次才能显示)。

造成这种情况的原因是什么?我的第一个想法是一个未公开的div,但我已经验证了W3C并且它结束了。我的另一个想法是相对定位的东西(必须用一些元素做一些棘手的浮动。

4 个答案:

答案 0 :(得分:16)

这就是原因:

enter image description here

我通过给所有元素提供1px的边框来找到它,然后你可以使用“inspect元素”来指向它。

答案 1 :(得分:0)

出于某种原因,使用宽度为995px的包装纸打破了它。我把它改回960,其他一切似乎都很好。设计师设计得太宽了... grr。 = D谢谢你的期待。如果有人知道为什么会这样,请告诉我。

答案 2 :(得分:0)

使用IE 9查看您的页面源代码,它表示#container强制浏览器扩展您网站结构的宽度:

在您的CSS上,更改此内容:

#container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
}

到此:

#container {
    float: left;
    margin: 0;
    width: 100%;
}

也许这会解决你的问题!

答案 3 :(得分:-2)

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^

body {

min-width: 1000px;

}

谢谢这使得白框在右侧GO。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^