CSS：サイドナビゲーションには高さがありません

Question

私は左側にサイドナビゲーションがあり、右側のサイトにはいくつかのコンテンツが表示されています。コンテンツにはwidthのサイトとナビゲーションはありません。理由はわかりません。

topbar /サイド・ナビゲーション：

#topbar { 
background-color: rgb(51,51,51); 
width: 20%; 
position: absolute; 
top: 0; 
bottom: 0; 
height:100%; 
} 

コンテンツのスタイル：

.wrapper { 
width:700px; 
height:500px; 
margin:0 auto; 
background:#f7f7f7; 
position:relative; 
left:50%; 
} 

私はいつもそれが私が感謝ナビゲーション

の隣になりたいので、私はこのコンテンツのラッパーを使用すべての助けとコメント！

Answer 1

あなたはあなたのすべてのページを制御し、各列に設定された最小の高さと異なる背景を与えるためにあなたの2つの列を設定することができます。

.wrapper { 
    padding: 0px 0px 20px 0px; 
    min-height: 600px; 
} 
#topnav { 
    background: #F5F5F5; 
} 
#content .col-lg-9 { 
    min-height: 610px; 
    background: white; 
} 
#content .col-lg-3 { 
    background: #F5F5F5; 
} 

コードの最後の部分は、あなたの側のNAVをカバーし、それが高さだと保証しますあなたのコンテンツ/ラッパーと常に同じ100％です。