页面布局问题

请让我知道为什么页面内容下面有很多空白，以及为什么会显示水平滚动条。将链接附加到下面的zip文件夹。解压并打开index.html。
link text 页面布局问题

来源

2008-12-10 Shivanand

为什么不直接把页面放在“原样”，所以我们可以浏览到一个链接看到它？在本地使用它没有太多优势......如果我们需要它，我们总能抓住它。 – 2008-12-10 08:15:07

下载它后，我发现里面还有一些不必要的东西。具有单个CSS文件的单个HTML文件会更有用。 – 2008-12-10 08:16:19

只需添加一个新的修正：只需添加overflow：hidden;到你的div＃容器css规则，并告诉我这个工作是否更好 – VonC 2008-12-10 10:12:31

第一引：

规则div#content几乎在IE，并没有把额外的宽度在FireFox：

额外的宽度将应用于您的div类 “content”

div#content { margin: 3px 3px 3px 188px; background: rgb(255, 255, 255) none 
    repeat; min-height: 392px; }

内div类“container”

div#container { margin: auto; padding: 10px; background: rgb(255, 255, 255) 
    none repeat; position: relative; min-height: 400px; 
    max-width: 100%; min-width: 750px; }

水平滚动条显示的是188px添加到内容的右侧。当然，他们需要留下：不要删除它们。

add overflow: hidden;您div#container CSS规则

在更广泛的注意，你想跟着"Progressive Enhancement with CSS"的最佳实践，并在几个文件分开你的CSS规则（直到实际部署到生产环境，在那里你可以重组和压缩所有css规则合并为一个紧密文件）

来源

2008-12-10 08:31:57 VonC

VonC是正确的。添加溢出：隐藏;以div＃容器规则。 index.css的第274行。

来源

2008-12-10 11:15:43 sarego

对于滚动条，VonC建议的是正确的，而“页面内容下面的大量空白”是由于：您指定的“最小高度”。您可以使用属性“自动”，而不是指定像素

关于：“当我添加溢出：汽车;它给了另一组滚动条内。”为此添加溢出：自动到所有的div你已经使用了

来源

2008-12-10 13:42:12 Samiksha

页面布局问题

回答

相关问题