div的高度未扩展到100％

Question

以下是我的网页的最终结果（还不是很多花哨的东西）：jsFiddle - bWa7B。我正在尝试div#remaining占据页面的其余部分（白色，并将页脚放在底部。

我知道这个小小的黑客可以使用非常简单的jQuery执行;喜欢使用here的那个。但是我想把我的造型主要用于CSS（对于许多用户来说，在浏览时禁用他们的cookie和JavaScript。

我已尝试过几乎所有可能的overflow: hidden;，display: table-cell;和其他组合的组合，这些组合来自我在过去15小时左右可以遍历的链接。但是，在许多失败尝试实现我的目标之后;我只想问。

我的一些更好的结果链接在这里：

1. bWa7B/1/
2. bWa7B/2/
3. bWa7B/3/
4. bWa7B/4/

结束结果

我希望我的最终结果让白色背景色div#remaining占据整个页面，并继承了body标签的边距和宽度。此外，div#right必须覆盖父 div 的整个高度，即#remaining。

PS

通过更好的结果，我的意思是至少观察到一个变化，与我的其他编辑相反，这对我的结果影响不大。

Answer 1

This小提琴展示了它如何占据整个身体。你希望身体多长时间取决于你。

Answer 2

我建议你使用包装而不是摆弄位置。

你围绕所有这些div做了一个包装器。所以在你放置的标题div之上

<div id="wrapper"> 
<here the rest of your divs>
</div>

并在css中你这样做：

#wrapper{
margin: 0 auto;
background-color:#fff;
}

这为所有内容提供了白色背景，包括你的页脚。但是，如果你然后给你的页脚提供与现在相同的颜色背景，你甚至都不会注意到。您也可以在页脚进入之前关闭包装器。

Answer 3

position: absolute;
width: 100%;
 left: 0;

div＃剩余的

将解决您的问题。