CSSの既存のdivの一部を選択する

Question

イムは青いバーのようなfacebookを作ろうとしています。 だから、私はそう

（水色の部分が新しいdiv要素である）彼らは幅が100％と青いバーを作るに気づいており、このようなdiv要素の半分を選択し、その下に新しいdiv要素を作ります、私が望むように、新しいdivの下に置かれたテキストまたはリンクが割り当てられます。 これをどのように達成できますか？ マイHTML

<div class="topBar" > 
    <div class="bar_frame"> 
     fuuu 
</div> 
    </div> 

そして、ここでは私のCSS

.topBar { 

    background: #3b5998; 
    top: 0; 
    height: 36px; 
    width: 100%; 
    background-position: center; 
    position: fixed; 

} 

.bar_frame{ 
/* The new div code must go here but i dont know how to do this */ 
} 

Answer 1

これは動作しますです。私はあなたがその親要素に固定幅divを中心に置く必要があると仮定していますか？これは、Facebookがあなたの例ではそれをしない正確にどのようにされ、これはそれは多くの場合、どのように行われるかである。

.bar_frame{ 
    width: 981px; 
    margin: 0px auto; 
} 

Demo fiddle