如何堆叠相对定位的div？

Question

我遇到了一个问题：我有一个div标签，div两侧各有一个100px宽的图片。现在我想在它的中间添加一些div tags，它们必须是流动的（使用％width）并且相对于支持多个分辨率。我该怎么办？

JSFiddle Code

Answer 1

中心为position: relative的唯一方法是通过了解中心div的height并调整上方div的margin-bottom。看http://jsfiddle.net/XMkDt/10/（这只是一行，不是很有用）和http://jsfiddle.net/XMkDt/26/（这是相同的高度div，但可以适应不同的高度;注意：在我的FF win7上边界的正确对齐，但文字被像素调整，我不知道为什么 - 但为了你的目的，它会起作用。）

注意：您需要确保将z-index: 1设置为当时实际显示的div（当您进行不透明度更改时），将其提升到其他div之上。

Answer 2

像this之类的东西？你需要一些很多空的空间来让它们填满宽度...

编辑：

流畅宽度的新小提琴：http://jsfiddle.net/BXW8y/1/