アドバイスが必要な Css noob です。
2 つの div が横に並んでいるフォームがあります (内部に入力/ラベル/バリデーターがあります)。これ以降の div は、clearfix を使用しても正しくフォーマットされません。
[div] [div]
--> clear div goes here
[ div ]
css {clear:both;} を使用して別の Div で修正しましたが、これは不要です。さらに、IEでは、下のdivのマージンを尊重するために、クリアなdivの高さが必要であることがわかりました。
これに対処するより良い方法はありますか？
コードを見ずに発生している問題を正確に把握するのは困難ですが、これが役立つことを願っています。
<div class="one" style="float: left;"> This div is floated left </div>
<div class="example1" style="clear: left;">this is text in example 1</div> <!-- notice clear left means this dive will appear after the float, no matter how much stuff is in the float -->
クラス 1 が左にフロートされている場合、サンプル 1 はそのすぐ隣に表示されますが、この場合、フロートを左 (クラス 1) にクリアしているため、フロート オブジェクトの下にサンプル 1 が表示されます。