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

我试图创建一个流布局，但在css中使用float:left属性时遇到了一些问题

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

这是代码的链接

---

问题在于

的
最小宽度
#menu cont

您尝试使用的布局很难维护。
从内容css中删除宽度和浮动

将#wrapper的背景色设置为您希望#内容背景的任何颜色

添加
显示：内联块到#内容css

更新的小提琴-->