CSS - 绝对定位和流体div

时间:2010-10-26 20:57:45

标签: css html width css-position

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

[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都包含背景图像(左+右+重复中心图像),并且应该留在后面。

1 个答案:

答案 0 :(得分:2)

我建议阅读The Holy Grail以获取完整的教程演练和必要的浏览器黑客的描述以及创建布局的内容。

另外,我建议您考虑在包含元素或流体div上放置最大宽度(例如:#container {max-width:1024px;}),因为在极高分辨率/大屏幕上,拉伸div可以变得令人讨厌地大到了用户的挫折感。