4

请让我知道为什么页面内容下方有很多空白以及为什么显示水平滚动条。下面附上 zip 文件夹的链接。解压缩并打开 index.html。
链接文本

4

3 回答 3

2

第一条线索：

该规则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。当然，它们需要留下来：不要移除它们。

添加overflow: hidden; 到你的div#containerCSS 规则

在更一般的说明中，您可能希望遵循“使用 CSS 进行渐进增强”最佳实践，并将您的 css 规则分隔在​​几个文件中（直到实际部署到生产环境中，您可以将所有 css 规则重新组合并压缩成一个紧密的文件）

于 2008-12-10T08:31:57.393 回答
0

VonC 是对的。添加溢出：隐藏；到 div#container 规则。index.css 的第 274 行。

于 2008-12-10T11:15:43.083 回答
0

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

关于：“当我添加溢出：自动时，它会在里面提供另一组滚动条。” ..为此，将溢出：自动添加到您使用过的所有 div

于 2008-12-10T13:42:12.947 回答