CSS - 绝对定位和流体 div

Question

我需要制作一个如下所示的布局:

[250px - fixed div]  [fluid div, must expand depending on the width of the body and the 2 divs next/before it]  [250px - fixed div]

这可能吗？所有 3 个 div 的容器也是流动的(100% 宽度)。所有这些 div 都包含背景图像(左 + 右 + 重复中心图像)并且应该留在后面。

Answer 1

我建议阅读 The Holy Grail一个完整的教程演练和必要的浏览器黑客的描述等创建布局。

此外，我建议您考虑在包含元素或流体 div 上放置一个最大宽度(例如:#container {max-width:1024px;})，因为在异常高分辨率/大屏幕上，拉伸(stretch)的 div 可能会变得令人讨厌，以至于用户感到沮丧。