コンテナの両側で背景色が異なる

Question

コンテンツがコンテナに残っている間、コンテナを越えて2つのdivsバックグラウンドをページの左右に拡張したいと考えています。これまでのところ私は持っています。変換を使用して2つのdivをページの端まで拡張する必要がありますか？おかげ

<div class="container"> 
<div class="col-lg-4 left"><p>View our rewards scheme</p></div> 
<div class="col-lg-4 center"><p>View our latest offers</p></div> 
<div class="col-lg-4 right"><p>We're hiring apply now</p></div> 
</div> 

Answer 1

CSS擬似要素で行うことができ、拡張の背景色の外観 ..

.left:after { 
    background-color:lightblue; 
    left: -999em; 
    content: ''; 
    display: block; 
    position: absolute; 
    width: 999em; 
    top: 0; 
    bottom: 0; 
} 

.right:after { 
    background-color:#4444ff; 
    right: -999em; 
    content: ''; 
    display: block; 
    position: absolute; 
    width: 999em; 
    top: 0; 
    bottom: 0; 
} 

デモ：このようなhttp://www.codeply.com/go/gHFYUnX6hE

Answer 2

私の知る限り、あなたのコンテナの国境を越えて広がり、あなたの背景をすることはできません知っている...しかし、あなたは箱-shadowプロパティ（CSS）

MDN: box-shadowを使用することができます

Answer 3

いいえ、背景はコンテナを越えることはできません。

オーバーフロースタイルは、コンテンツが要素の指定されたサイズより大きい場合に、その要素がどのように反応するかを制御します。