div+css の重複タグが避けられないlayout_html/css_WEB-ITnose

http://asp.snowstop.net/blog/?id=227&date=2007-11

div+css レイアウトでは、w3c 標準に厳密に従ってレイアウトすることは不可能です。さまざまなバージョンのブラウザで美しい Web ページを表示するには、いくつかの冗長なタグを使用することがほぼ避けられません。

要約すると、div レイアウトで冗長タグを使用する必要がある主な場所は 3 つあります:
まず、背景画像と背景色です。内部要素の CSS 属性がすべて「float:left」の場合、外側の背景は次のようになります。 mozillaなどのブラウザでは表示できません。このとき、内層と外層の間に背景層を入れ子にするか、内要素の最後に「clear:both」の空タグを追加する必要があります。
次に、ページ幅が絶対値の場合、絶対値の合計に等しい幅を持つ div を、float 属性を持つParallel要素の外側にネストして、float要素が「落下」しないようにする必要があります。ページは拡大縮小されます。
3 番目に、下部の情報バーを記述する必要がある場合、position:absolute 位置指定を使用できないため、すべての float 並列要素の外側に div をネストして、高さが自動的に拡張されるようにする必要があります。同時に、下部の情報バーには「clear:both」属性が必要です。

私の最終的な解決策は、最後に

を追加してから .clear{ clear:both;height:0px;} を定義することです
以上です。

冗長なタグは好きではありませんが、やむを得ない場合はタグを使用する必要があります...