0

在我的 HTML 页面中,我总共有 3 个菜单:

  • 左侧 1 个
  • 1 在右边
  • 1在内容上方中间

左右菜单是浮动的,中间的内容和菜单有一个等于菜单宽度的边距来居中。

这工作正常。但是,当我在内容块中插入一些其他浮动内容并用 停止它时clear: both;,我添加的下一个内容将添加到具有最大高度的侧菜单下方。

这是一个显示问题的简单小提琴:http: //jsfiddle.net/Xy9Ry/

如您所见,other content文本显示在左侧菜单下方,而不是显示在floating content.

我能做些什么来解决这个问题?

4

1 回答 1

1

添加overflow: hidden;.content

JSFiddle 演示

w3c 关于溢出的 Wiki 文章

overflow: auto;也有效

于 2013-09-27T14:31:07.433 回答