将DIV置于＆amp;之间超过两个下DIV

Question

我正在设计一个网页，至少需要三个DIV，可能还需要一个容器DIV。我需要一个DIV在左边，一个在中间，一个在右边。这似乎很简单，但我还需要两个侧面DIV来重叠中间DIV。

                                  +-----------------------+
          +-----------------------|-----+           +---------------------------+
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |     o     |     |                     |
          |                       |     |     v     |     |                     |
          |                       |     |     e     |     |                     |
          |       50% width       |     |     r     |     |       50% width     |
          |                       |     |     l     |     |                     |
          |                       |     |     a     |     |                     |
          |                       |     |     y     |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          |                       |     |           |     |                     |
          +-----------------------|-----+           +---------------------------+
                                  +-----------------------+

我从另一个StackOverflow答案中看到了这个，但我似乎无法横向翻译它：http://jsfiddle.net/PWwQM/1/

请帮忙。

Answer 1

诀窍是使用float属性并排获取外部div：float:left;我认为这就是你想要的，无论如何：

http://jsfiddle.net/SuTLq/

你的图表显示了外部div之间的装订线，但我没有创建一个，因为你写的外部div都是宽度的50％。

Answer 2

只需使用position absolute即可。请查看fiddle。