HTML CSS3 - フッターの背景色が機能しない理由

Question

フッターの背景色を白色とは異なるものに設定しようとしています。それは動作しません。私は他のレイアウト要素の背景を変更することに成功しましたが、フッターは問題です。ここで

は、いくつかのコードです：フッターの

<footer> 
<div id="left"><p>Some_left_text</p></div> 
<div id="right"><p>Some_right_text</p></div> 
</footer> 

CSS：

footer {  
    background-color: yellow; 
} 

#left { 
    float: left;  
    margin-left: 180px; 
} 

#right { 
    float: right; 
    margin-right: 180px;  
} 

#left, #right p { 
    letter-spacing: 5px;  
} 

Answer 1

あなたは浮動divを使用しているフッタの高さが0

あるので、あなただけのこの問題を解決することができますフッターに最小高さを追加する。

footer {  
    background-color: yellow; 
    min-height: 40px 
}