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

Question

我是网页设计的先驱，我在3天前创建了我的网站并且经常遇到一些问题所以我删除了我的旧脚本并写了一个新的脚本。而现在新的问题与顶部的全宽度有关。 我的问题：！[在此输入图片说明] [1]

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

我的html脚本和我的CSS脚本将在这里小提琴：

http://jsfiddle.net/PWrHG/

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

Answer 1

在：

#top
{   
    width:100%;
}

宽度：100％使顶部拉伸到浏览器宽度。因此，如果您的浏览器宽度小于980px，那么它将拉伸到该宽度。因此，假设浏览器宽度为600px，那么它将自动延伸到600px。而左边380px将是白色空间。并且因为包装器比Top更宽，所以滚动条将添加到页面底部。当前视图将#Top完全拉伸到浏览器宽度，＃Wrapper溢出浏览器宽度。