有背景的两个漂浮柱

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