Question

在这个演示页面中我有两个问题：

1）我的页脚（我遵循了这些指导原则http://ryanfait.com/sticky-footer/）导致滚动条仅出现在Firefox上，我无法理解原因

2）div＃containerTop由页脚css使用，它适合整个页面高度

    min-height: 100%; height: auto !important; height:100%

问题是我希望div＃rightContainer具有一定的高度，我希望它能够拉伸几乎整个页面，（在它和页脚之间留下一些像素）。显然，我尝试使用高度％，但它没有用。

我尝试了一些我发现的CSS但是那些也没有用，可能是因为div＃rightContainer已经在div容器中使用了自己的css高度技巧。

如果不重复使用javascript，我该怎么办？

Answer 1

如果你想使用％作为高度，你必须将它放在每个父元素中：

<body style="height: 100%;">
    <div style="height: 100%;"></div>
</body>

也许你可以设置容器绝对，但这不是一个真正的编码风格。

Answer 2

首先将div的父高度和宽度设置为100％，并将html标记中的溢出设置为隐藏为：

html{
     width: 100%;
     height: 100%;
     overflow: hidden; 
}
body{
     width: 100%;
     height: 100%;
}

然后相应地设置div的宽度和高度......

这里溢出属性完成任务。如果现在身体超过实际窗口大小的宽度/高度，则相应地减小身体标签的大小。但这肯定会删除滚动条。

它对我有用。