在我的 HTML 页面中,我总共有 3 个菜单:
- 左侧 1 个
- 1 在右边
- 1在内容上方中间
左右菜单是浮动的,中间的内容和菜单有一个等于菜单宽度的边距来居中。
这工作正常。但是,当我在内容块中插入一些其他浮动内容并用 停止它时clear: both;
,我添加的下一个内容将添加到具有最大高度的侧菜单下方。
这是一个显示问题的简单小提琴:http: //jsfiddle.net/Xy9Ry/
如您所见,other content
文本显示在左侧菜单下方,而不是显示在floating content
.
我能做些什么来解决这个问题?