2010-10-26 80 views
1

我需要做一个布局,看起来像这样:CSS - 绝对定位和流体的div

[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格的容器也是液体(100%宽度)。 所有这些div包含背景图像(左+右+重复中心图像),应该留在后面。

+0

Ofcourse这是可能的,谷歌周围“CSS 3栏布局”或不同的关键字,有很多的例子在那里了! – jolt 2010-10-26 21:01:01

回答

2

我建议您阅读The Holy Grail一个完整的教程步行通过和必要的浏览器黑客的描述,例如用于创建布局。另外,我建议你考虑在包含元素或流体div上放置一个最大宽度(例如:#container {max-width:1024px;}),因为在特别高的分辨率/大屏幕上,拉伸div会变得令人讨厌地大到用户沮丧的地步。