CSS - 包含浮動塊的簡單方法

Question

我閱讀了許多關於在網站上包含浮動塊的問題的文章。

也有很多指導（如this），解釋如何解決這個問題。 我想知道的是：這個簡單的代碼呢？

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

我在很多瀏覽器上都試過，看起來它總是有效。那麼這有什麼問題呢？我也嘗試與（例如）：

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

似乎，雖然主容器得到了背景顏色，內div（浮動）沒有得到任何問題。

我只是珍玩:)

Answer 1

.maindiv{width:980px; margin:0 auto;}完成了一些相當不同的事情。具有顯式寬度聲明和左右邊距的元素會導致該div居中。

它絕對不會解決包含浮動問題。

見http://jsfiddle.net/aPmu5/

Answer 2

沒有與此獨立的代碼沒有問題，但它會給你帶來麻煩，如果你試圖給它一個背景，然後插入一些流動兒童。