阻止重叠浮动但内容包装

Question

我有一个网站的分层问题，我似乎无法弄清楚如何绕过。

基本上，我有一个浮点数：右边div包含一些链接图像和同一页面上的一堆块div（在同一个包装器中）。文本（内容）全部按预期包装，但块元素与浮动元素重叠，使图像链接不可点击。当使用chrome / firebug观察时，它变得非常明显/无论这些块在浮子的方式上是什么，但我还没有尝试过将它们浮到顶部。

示例来自：http://wanganuilibrary.recollect.co.nz/nodes/view/280

我需要的是一种允许浮动图像上的链接可点击的方法。浮动可以有一个设定的宽度而不是高度，其余的内容需要自由流动并在需要时包裹在浮动下，所以没有强制填充或边距，例如：http://wanganuilibrary.recollect.co.nz/nodes/view/1519

有关如何实现这一目标的任何想法将不胜感激。

Answer 1

通常这样的列是使用浮点数构建的。

left内容列的设置宽度为float: left。

right内容为float: right，宽度较小。

否则，您可以将图像周围的锚点z-index设置为高于其他内容，