0

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

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

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

http://jsfiddle.net/PWrHG/

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

4

1 回答 1

0

在 :

#top
{   
    width:100%;
}

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

于 2012-08-18T13:39:38.883 回答