0

フロートをクリアするための論理的に正しく、W3Cの有効な方法は何ですか?

  1. zoom:1W3C および IE8 では有効ではありません ハッシュ レイアウトの問題はありません
  2. overflow:hiddenoverflow:hidden 仕様はオーバーフローを使用することを意図していたため、これを行うようにはなりませんでした
  3. <div class="clear"/>は意味的に正しくなく、余分なマークアップを追加したくありません。
  4. clearfix ハックは、意味的な価値をまったく持たないコンテンツを生成します。

この問題について多くの質問をし、多くの記事を読みましたが、最善の方法が見つかりません。

4

2 に答える 2

1

<div class="clear"/>意味的に正しくなく、マークアップを追加したくありません。

そのため、a<br class="clear">がよく使用されます。基本的に、floatと次の要素の間に改行が必要です。確かに、マークアップでは良くありませんが、それはフロートを使用することの見返りです。

clear: both;または、次の行に配置する後続のブロック要素にを設定することもできます。

于 2010-05-22T04:37:11.450 に答える
1

クリアフィックスの使用

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
于 2009-11-19T14:56:54.860 に答える