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

Question

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

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

这里是代码的链接。

http://jsfiddle.net/VdE7Y/

Answer 1

从#content css中删除宽度和浮点数。

将#wrapper的背景颜色设置为#content背景的任何颜色。

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

更新的小提琴---->HERE

Answer 2

问题是min-width你有#menu-cont

你想拥有的布局是非常难以维持。