有背景的兩個漂浮柱

Question

我現在將頭撞在牆上，幾個小時。 我有兩列的佈局： http://oi62.tinypic.com/23sumbs.jpg

首先是340像素寬，第二是860px如看到的圖像。

問題我有左，右柱的背景..他們一直到左邊，右邊的列一直到屏幕的右邊。我怎樣才能做到這一點？

AHY幫助將做.. 感謝

Answer 1

如果是單純約素色然後背景圖像（或CSS梯度）和陰影每個雙方應罰款：

body>div { 
 
    background:linear-gradient(to right, darkgray 320px, gray 320px); 
 
    width:1200px; 
 
    margin:auto; 
 
    box-shadow:-1000px 0 darkgray, 1000px 0 gray; 
 
    border:solid; 
 
} 
 
body>div>div:first-child { 
 
    float:left; 
 
    width:320px; 
 
}

<div> 
 
    <div>left</div> 
 
    <div>right</div> 
 
</div>

與之一起玩的打字機：http://codepen.io/anon/pen/JoVGaa