1

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

我知道这个小技巧可以很容易地执行jQuery；就像这里使用的一样。但我想保持我的样式主要是 CSS（对于许多用户在访问时在浏览器中禁用他们的 cookie 和 JavaScript。

在过去 15 小时左右的时间里，我已经尝试了几乎所有可能的组合overflow: hidden;，display: table-cell;以及来自尽可能多的链接的其他组合。但是，在实现我的目标多次失败之后；我只需要问一下。

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

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

最终结果

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

附言

更好的结果是指至少观察到变化的地方，与我的其他编辑相反，这对我的结果影响不大。

4

3 回答 3

1

这把小提琴展示了它是如何占据整个身体的。您希望身体能保持多长时间取决于您。

于 2012-10-13T18:27:14.260 回答
1

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

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

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

在css中你可以这样：

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

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

于 2012-10-13T18:27:21.903 回答
0 
position: absolute;
width: 100%;
 left: 0;

for div#remaining 将解决您的问题。

于 2012-10-13T18:23:46.567 回答