高さが作成されていない

Question

h2と3つのdivを含むdivがありますが、高さが作成されていません。私は前にこの問題を覚えていません。しかし、基本的には、divを含む3つは高さが柔軟でなければならないので、コンテナの高さをdivに設定することはできません。高さを作成していないので、私のフッターはdivの上に浮かんでいます。ファイヤーバグまたはインスペクタの「最近の」divにカーソルを合わせると、divの高さには、h2の高さとマージンが伸びるだけです。何かご意見は？ありがとう！ここで

はフィドルです：Link

Answer 1

あなたの3つの内側のdivをfloat: leftに設定されているため、その親の高さには影響を与えません。あなたはそれらをクリアする必要があります。これを行うにはさまざまな方法があります。 1つは親にoverflow: hiddenを設定することです。

#recent { 
    clear: both; 
    margin: 0 auto; 
    margin-top: 30px; 
    width: 824px; 
    overflow: hidden; 
} 

他にもさまざまな方法がありますが、他の方法よりも優れています。私はあなたにhttp://css-tricks.com/all-about-floats/、具体的には浮きテクニックの部分を読むことをお勧めします。