html - 在css中将标题背景运行到全宽

Question

我是网页设计的初学者，我在 3 天前开始了我的网站，并且经常遇到一些问题，所以我删除了我的旧脚本并编写了一个新脚本。现在新的在顶部的整个宽度上遇到了这个问题。我的问题：！[在此处输入图像描述][1]

正如您在我的一半大小的浏览器的右上角看到的那样，出现了一个“空白”空间。但是在全尺寸浏览器窗口中没有空间发生......（窗口越小，“白色”空间就越大。

我的 html 脚本和我的 CSS 脚本将出现在这里：

http://jsfiddle.net/PWrHG/

我的问题是这个“空白”空间为什么以及如何发生？请注意：我已经在脚本区域中找到了关于如何拥有完整空间的解决方案，但我无法找到并回答差异以及为什么以及如何发生这种情况。ps：我真的很感激能得到答复。亲切的问候阿西尔

Answer 1

在 ：

#top
{   
    width:100%;
}

宽度：100% 使顶部分区拉伸到浏览器宽度。因此，如果您的浏览器宽度小于 980 像素，那么它将被拉伸到该宽度。所以让我们假设浏览器的宽度是 600 像素，那么它会自动拉伸到 600 像素。左边的 380px 将是空白。并且由于包装器比顶部更宽，因此页面底部将添加一个滚动条。当前视图的#Top 完全拉伸到浏览器宽度，#Wrapper 溢出浏览器宽度。