CSS divエリアが表示されません（ファイヤーバグで表示されます）

Question

コンテンツエリアの右側に表示するdiv（class = "サイドバー"）があります。コンテンツ領域をコンテナとして設定し、その中にサイドバーを配置し、指定された高さ、幅、背景色を指定して右に浮かべました。

ファイヤーバグで表示されていますが、画面に表示されません。

私は現在、CSSを学んでいるので、私が逃していることに関するヒント/アドバイスは大歓迎です。

ご利用いただけるアドバイスは、お気軽にお寄せください。事前に

おかげで、

トム・パーキンス

あなたはここに私のコードを表示することができます。 http://jsfiddle.net/tomperkins/v3yqf/

Answer 1

HTML要素がデフォルトで透明に背景色を持っているので。あなたのコンテンツのdivの前に、あなたのサイドバーのdivを配置してみhttp://jsfiddle.net/v3yqf/3/（http://jsfiddle.net/v3yqf/3/embedded/resultをお使いの画面が狭い場合）

Answer 2

：要素に背景色を与え、あなたはすぐにそれを見ることができます。

.sidebar { 
    background: orange; 
} 

を参照してください。また、あなたが代わりにcolor: greenのbackground: greenを指定した場合、より良い、それが表示されます。）

編集：

をので、それは常に存在していた代わりに

<div class="content"></div> 
<div class="sidebar"></div>