用 CSS 填充页面的其余部分答案

【问题标题】：Filling the rest of the page with CSS用 CSS 填充页面的其余部分
【发布时间】：2010-02-23 04:20:00
【问题描述】：

我在页面上有三个 Div，它们是绝对定位的。让我们称它们为 leftDiv、middleDiv、rightDiv 和 middleDiv 宽度是 900 像素，这是可以的，但无论屏幕大小是什么，左右 div 应该分别填充剩余的左右部分。

我之所以使用绝对定位是因为它是唯一使用 height:100% 填充页面的方法。

那么我该如何填充剩下的部分呢？

当然，这些 div 根据它们的名称暗示将页面分成三部分。

非常感谢。

【问题讨论】：

【解决方案1】：

仔细阅读：In Search of the Holy Grail

【讨论】：

【解决方案2】：

您不必对高度使用绝对定位。 This article 和其他许多人一样解释。

然后您可以使用 float 来完成 3 列布局。

【讨论】：

【解决方案3】：

在 CSS 中试试这个：

#leftDiv {
  top: 0;
  left:0;
}

#rightDiv {
  top: 0;
  right: 0;
}

【讨论】：