DIV之間和以上的地方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爲中間one.Check這fiddle。