CSS /浮動 - 浮動元素不使用寬度

Question

我想創建一個使用CSS的網站佈局。我有四（4）個DIV元素。一個是我在頁面中居中的主容器，幷包含所有其他DIV元素。在其餘三個DIV中，一個是頁面標題，一個是左側菜單，最後一個是頁面內容。我想讓CONTENT DIV浮動，使其與MENU DIV相鄰。但是，我發現CONTENT DIV的寬度沒有使用我指定的寬度。我創建了一個運行在JSFIDDLE上的示例，它可以更容易地直觀化。

http://jsfiddle.net/Rrgr7/

我試圖找出就是爲什麼我剛纔定義的內容DIV不佔用600個像素？謝謝。

Answer 1

你也必須浮動你的內容。您的內容div是從左數字600到不包含浮點數，如果您添加更多文本，它將在菜單下運行：example。

如果你將它浮起來，那麼它會做what you want，但你必須小心大小或它將浮動在菜單下。

如果你只是給它一個200px的邊距和寬度，我認爲這將是work best，因爲它會使用剩餘空間並保持200px從左邊緣。浮動不會進一步推動，保證金是從容器股利。