如何在CSS中使用float：left属性而不会遇到麻烦？

Question

我正在尝试创建一个流布局，我在使用css中的float：left属性时遇到了一些麻烦。

我有一个父容器，宽度为100％，高度为100％。它包含三个容器： 标题，菜单容器和内容容器。 菜单是垂直菜单，而不是水平菜单。它位于标题下方，然后内容容器在菜单容器上向左浮动。 现在问题是我想让它流转。当我降低分辨率时，浮动内容容器位于菜单容器下方。我希望内容可以使用flowlayout浮动而不会出现在菜单容器下面。请为此提供解决方案。 谢谢！

以下是代码的链接。

http://jsfiddle.net/VdE7Y/

Answer 1

从#content css。

中删除宽度和浮动

将#wrapper的背景颜色设置为您希望#content背景的颜色。

将display: inline-block;添加到#content css。

更新小提琴----＆gt; HERE

Answer 2

问题在于您min-width

的#menu-cont

您尝试使用的布局非常难以维护。