html - 为什么我的网站右侧有额外的空白？

Question

在 Chrome 上，我的网站显示正常，但在 FF 或 IE 中，我在网站右侧看到水平滚动条和空白区域（可能需要调整大小/刷新几次才能显示）。

这是什么原因造成的？我的第一个想法是一个未封闭的 div，但我已经通过 W3C 进行了验证，并且它检查出来了。我的另一个想法是相对定位的东西（必须用一些元素做一些棘手的浮动。

score 16 · Accepted Answer

原因如下：

在此处输入图像描述

我通过给所有元素一个 1px 的边框来发现这一点，然后你可以使用“检查元素”来定位它。

score 0 · Accepted Answer

出于某种原因，宽度为 995px 的包装器破坏了它。我把它改回960，其他一切都很好。设计师设计的太宽了……grr。=D 谢谢收看。如果其他人知道这是为什么，请告诉我。

score 0 · Accepted Answer

使用 IE 9 查看您的页面源代码，#container 正在强制浏览器扩展您的站点结构的宽度：

在你的 CSS 上，改变这个：

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

对此：

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

也许这将为您解决问题！

score -3 · Accepted Answer

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

身体 {

min-width: 1000px;

}

谢谢，这使右侧的白色框架变为 GO。^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^

4 回答 4