html - 网页右侧出现奇怪的空白

Question

我正在尝试构建一个网页，该网页在宽屏和小屏显示器中都应显示相同。我试图让它保持流畅，但与此同时，网页右侧出现了奇怪的空白区域。奇怪的是，空白区域在视口(viewport)之外，但它会出现水平屏幕条，一旦滚动到最右侧，就可以看到空白区域。代码可以在这里看到 http://jsfiddle.net/FW98q/

我的直觉是问题出在:

 #Navigation_Container {

    background: #3399cc;
    height: 50px;
    //width: 960px;
    //margin: 0 auto;

}

非常感谢您的帮助。

还有关于如何设置网页样式以使其在屏幕上保持一致的任何提示。也欢迎对设计发表评论..:)

Answer 1

我发现了问题....它在页脚中的“.notice”类中...如果您删除

position:absolute;

它工作得很好。 :) 一探究竟! Fiddle

我在 firefox 中使用元素检查器看到它是唯一超出页面的元素。

此外，如果您需要将其绝对定位在底部，请确保像这样也将其放在左侧

position: absolute;
bottom: 0px;
left:0px;

这里是添加了 left:0px 的例子

FIDDLE