HTML並排定位DIV定位

Question

考慮這個JSFiddle：http://jsfiddle.net/GFsgq/5/（你可能需要縮小一點）。

它顯示了我試圖實現的佈局。到目前爲止，它一直好，但我遇到了障礙。我想將兩個div的高度並排放置在居中divs的兩邊。他們需要保持寬度始終觸摸屏幕邊緣和中心div。我不知道如何用我對CSS的有限知識來做到這一點，而不是隨意添加屬性。

她是一張照片，以幫助您理解：http://i49.tinypic.com/2ntz34n.png 藍色條紋是我想要div的地方。我如何實現這一目標？

Answer 1

你需要在你的CSS補充一點：

header:after { 
    content: ""; 
    display: block; 
    background-color: blue; 
    width: 100%; 
    height: 80px; 
} 

的jsfiddle：http://jsfiddle.net/GFsgq/32/
fullsrcreen結果：http://jsfiddle.net/GFsgq/32/embedded/result/

Answer 2

我會添加父div的跨越屏幕的dith位置：relative;並給兩個孩子使用位置：絕對;和位置一右：0px;剩下的另一個：0px;我不確定你想如何分配寬度，如果你有任何其他問題，然後回來。