Как добавить цвет фона в левой части страницы?

Question

Я хочу добавить цвет фона в левой части страницы. У меня есть главный div, который центрирован и имеет фиксированную ширину. Я попробовал фоновое изображение, но он не работает для меня, потому что у меня бесконечная прокрутка на странице. Вот картинка, которая показывает, что я хочу добиться:

А вот мой подход:

<div class="row"> 
    <div class="left"></div> 
    <div class="container"> 
     my custom HTML code 
    </div> 
</div> 

CSS

.container {width: 1000px; margin: 0 auto} 
.left {background-color: red; position: absolute; height: 100%; width:100%; top: 0px; left: -100%; } 

Answer 1

Если вы хотите, чтобы контейнер по центру и левой стороне лица, вот это http://jsfiddle.net/V6JaX/

.row { width: 100%; position: relative; } 
.left { width: 20%; height: 100%; top: 0; left: 0; position: absolute; background: red; } 
.container { width: 600px; margin: 0 auto; background: #FFF; } 

Answer 2

Check out the fiddle here

HTML

<div class="row"> 
    <div class="left"> 
     your left code 
    </div> 
    <div class="container"> 
     your custom HTML code 
    </div> 
</div> 

CSS

.container { 
    background-color: gray; 
    width: 80%; 
    margin: 0 auto; 
    float: left; 
} 

.left { 
    background-color: red; 
    float: left; 
    width: 20%; 
}