background-colorが表示されない

疑問点・つまづき

background-colorが表示されない
どうやらdivの高さが認識されていない

 

状況としては、div内にdl要素が右float、p img要素が左float。

 

元サイトではきちんと表示されているのに。
widthを100%にしたらおかしくなった?
→でも元のpx幅に戻してもやっぱり色は出ない。

 

class="clearfix"に元サイトとの違いを発見。

 

 

解決!

clearfixのCSSを入れたらOK!

 

参考URL
元サイト

 

教訓

clearfixがdisplay:blockを作ってくれている?