html div后面img

Question

我试图做出这种布局（其中很多都在列表中）：

左侧的图像（高度不同但宽度固定）。右边是一个<h2>，在其下方，但图像的右侧仍然是一个包含其他内容的div。

该div用于提供不同的彩色背景。现在，div出于某种原因延伸到图像后面，并且图像之间的距离有所不同，有时一个元素会被上方图像的高度推向右侧。

http://jsfiddle.net/RQsUc/

Answer 1

您最div S（div (display: block)）添加到overflow: hiddencontain the floats。