用CSS填充页面的其余部分

Question

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

我使用绝对定位的原因是因为它是使用height：100％填充页面的唯一方法。

那么我该如何填充剩余部分？

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

非常感谢。

Answer 1

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

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

Answer 2

请仔细阅读本：In Search of the Holy Grail

Answer 3

在CSS试试这个：

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

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