從容器中心偏移兩個div，在容器div內

Question

我想在網頁頂部放置橫幅。我嘗試的第一種方法是無法讓兩個div正確對齊。他們沒有從中間偏移（使用與單個靜態div相同的技術），一個在另一個之下。

下面的代碼 http://jsfiddle.net/AndyMP/wFutk

然後我設法做到這一點不同的，更簡單的方法 http://jsfiddle.net/AndyMP/TJjwp/1/

但是，當然，這是竊聽我，我不能讓第一種方法來工作。任何指導將不勝感激，特別是如何正確地從容器div的中間偏移。

（**編輯：我要補充一點，我在IE9做到這一點，你可能需要調整預覽窗格的大小的jsfiddle看到這一切）

Answer 1

一個好主意低於其他因爲你使用position: relative（Specification）。在這種模式下，div首先使用正常流程鋪設，然後抵消。所以top: 2px正在將它通常所在的每一個2像素偏移。

改爲在兩個內部div上使用position: absolute。

Answer 2

使用float屬性似乎是真的這裏

http://jsfiddle.net/wFutk/1/