2

問題をこれに減らすのに永遠にかかりました。私が経験している欲求不満の量を表現することはできません.もしそうなら、それはどのウェブサイトにも適していません. これまで。これは、私に大きな苦痛を与えている HTML コードです。

<div style="padding: 5px; background: #EEE">
    This text is invisible. Remove either padding or background to see this.  
    <div>
        <div style="float: left;">left</div>
        <div style="clear: both;"></div>
    </div>
</div>

ハイライトするか、ウィンドウをその上にドラッグするか、またはそのようなクレイジーなことをしない限り、テキストは見えません。

パディングを削除するか、背景を削除すると、この問題は解決されます。

どうすればこれを修正できますか?

4

2 に答える 2

4

いないいないばあに噛まれました。

そのリンクからのオプションは次のとおりです。

  1. クリアする div が float に触れないようにするか、div#floatholder で背景を使用しないようにします。正確には理想的ではありません。
  2. div#floatholder と div#float の両方に「position: relative」を指定します。このメソッドを十分にテストしてください。
  3. div#floatholder hasLayout を指定します (現在は推奨される方法です)
于 2008-12-11T04:43:08.853 に答える
3

古典的なhasLayoutの問題のように見えます。最も外側の div に幅を追加するか、ここで説明されている他の方法を試してください。

于 2008-12-11T04:45:24.027 に答える