1

フロートを使用しているときに常に発生する理由がわかりません

私のdiv（サンプル）は次のようになります

 <div class="main>
   <div class="inn_div">&nbsp</div>
 </div>

そして私のスタイルシート

  .main{ width:250px; border:1px solid #000; }

  .main .inn_div{ float:left; width:25px; height:50px; border:1px solid #000; }

このように見えます

こうすれば示される

inn_div は .main から出力されます。さらに、「インライン ブロックまたはテーブル セル」を使用している場合は問題なく動作します。フロートの問題に関するワットの問題は必要ありません。

4

5 に答える 5

2

overflow:autoメイン divに追加します。

jsFiddle の例

于 2013-04-24T02:46:14.353 に答える
2

実際にはフロートをクリアする必要があります。

デモ

<div class="main">
   <div class="inn_div">
       &nbsp;
   </div>
    <div style="clear:left;"></div>
 </div>
于 2013-04-24T02:54:43.027 に答える
1

メイン div は、それらをオーバーラップさせたくない場合はラッパー div として機能します。メイン div の内側に内側の div を配置しないでください。ただし、それを行う必要がある場合は、間隔に満足するまで、margin-top プロパティまたは padding-top プロパティをいじることができます

于 2013-04-24T02:47:14.853 に答える
1

CSS の clear プロパティを使用します。例えば。クリア:両方

于 2013-04-24T02:55:42.503 に答える
1

解決策は、メイン クラスの高さまたは最小高さを指定することです。幅しかありません。JavaScript のような他のスクリプトは必要ありません。

于 2013-04-24T02:56:06.663 に答える