html - DIV が適切にネストされていませんか?

Question

このページでは、

http://lumn.net/index.shtml

説明できない (または見つけられない) DIV に問題があります。「blog」は「focal」内にネストする必要があります。その結果、「focal」は「blog」の高さまで伸びて、青いバーを一番下まで押し上げるはずです。ただし、「focal」は不足しており、「ブログ」の方がかなり高いにもかかわらず、デフォルトで 440px の最小の高さに設定されているようです。

私の他のページではうまくレイアウトされています。質問にコードを含めることを好む人がいることは知っていますが、問題が css にあるのか html にあるのかさえわかりません。これを理解するのを手伝ってくれてありがとう。シンプルだと思いますが、私はそれを見ていません。

Answer 1

これを「フォーカス」終了タグの直前に配置してみてください：

<div style="clear:both;"></div>

Answer 2

「青いフッター」の div で、次の CSS を使用します。

clear: left;

この CSS は、他のフローティング要素が許可されない要素の側面を指定します。