CSS / Float - Floated元素不使用宽度分配

Question

我正在尝试使用CSS创建网站布局。我有四（4）个DIV元素。一个是我在页面中居中的主容器，包含所有其他DIV元素。在剩余的三个DIV中，一个是页眉，一个是左菜单，最后一个是页面的内容。我希望内容DIV浮动，使其与MENU DIV相邻。但是，我发现CONTENT DIV的宽度没有使用我指定的宽度。我已经创建了一个在JSFIDDLE上运行的示例，它应该可以更容易地进行可视化。

http://jsfiddle.net/Rrgr7/

我想弄清楚为什么内容DIV不会像我定义的那样占用600像素？谢谢。

Answer 1

您还必须浮动内容。您的内容div是左边的600不计算浮动，如果您添加更多文本，它将在菜单下运行：example。

如果你漂浮它，那么它会what you want，但你必须小心尺寸，否则它会漂浮在你的菜单下。

如果你只是给它一个200px的边距而没有宽度，我认为这会work best，因为它会使用剩余的空间并保持距离左边缘200px。浮动不会进一步推动它，边距来自容器div。