0

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

我有一个具有 100% 宽度和 100% 高度的父容器。它包含三个容器:标题、菜单容器和内容容器。菜单是垂直菜单,不是水平菜单。它位于标题下方,然后内容容器漂浮在菜单容器的左侧。现在的问题是我想让它成为flowlayout。当我降低分辨率时,浮动内容容器位于菜单容器下方。我希望内容在不低于菜单容器的情况下随流布局浮动。请为此提供解决方案。谢谢!

这是代码的链接。

http://jsfiddle.net/VdE7Y/

4

2 回答 2

1

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

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

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

更新小提琴---->这里

于 2011-12-31T11:04:24.630 回答
0

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

您尝试拥有的布局很难维护。

于 2011-12-31T11:04:13.020 回答