IE 7/8 Iinline（Floated Divs）をブロックとしてレンダリング：幅はコンテンツに合わせて調整されませんか？

Question

ページ全体に広がるブロック要素（DIV）があります。可変幅の複数の浮動DIVが含まれます。この要素は多くのWebページに配置できます（誰でもWebサイトに配置できます）。すべてのサイトのFFでは、正しくレンダリングされ、フロートされたDIVは内部コンテンツと同じ幅になります。 IEでは動作することがありますが、他のサイトでは動作せず、代わりにフロートされた各DIVを親の幅まで引き伸ばしますが、これはすべきではありません。添付するのは、さらに例示するための画像です（赤のDIVはコンテナ、黒のDIVはフローティング）。

http://img8.imageshack.us/img8/4734/screenrrl.jpg （画像は実際のHTMLレンダリングではなくPhotoshopで作成されます）

Answer 1

見つけました！問題は、親内のすべての要素をクリアするために単一のDIVを使用していたことです。 IEの特定のレンダリングモードにはこれに関する問題があります。代わりに、親にclearfixクラスを追加して置き換えました！

Answer 2

ulにこのclearfixを使用できます（スクリーンショットで使用されていると思います）：

#list { overflow: hidden; zoom: 1; }

＆quot; clear：both;＆quot;の代わりに。