CSS - 浮動小数点数を含む簡単な方法

Question

私は、浮動小数点数を含むWebサイトの問題に関する多くの記事を読んでいます。

これに関するいくつかの問題を解決する方法を説明する多くのガイド（thisなど）もあります。 私が知りたいことは、この簡単なコードはどうですか？

.maindiv{width:980px; margin:0 auto;} 

私は多くのブラウザで試してみましたが、常に動作するように見えます。だからこの問題は何ですか？

.maindiv{width:980px; margin:0 auto; background-color:#000099;} 

と本体容器はすべての問題を取得doesntのDIV（浮いて）以内に、背景色を得たものの、ようだ：私はまた、（例えば）にしてみてください。

イムだけで骨董:)

Answer 1

.maindiv{width:980px; margin:0 auto;}は、むしろ異なるものを実現します。明示的な幅宣言と、左と右の余白のautoを持つ要素は、そのdivを中央揃えにします。

フロートの問題を解決する方法は、ほとんどありません。

http://jsfiddle.net/aPmu5/

Answer 2

がこのコードの分離された作品には問題はありませんが、あなたはそれをバックグラウンドを与え、その後、いくつかの浮動子どもを挿入しようとする場合、それはあなたに問題を与えるだろう。