html div落后于img

Question

我试图制作这种布局（其中许多都在列表中）：

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

div用于提供不同颜色的背景。现在，div由于某种原因延伸到图像后面，图像之间的距离不同，有时一个元素会被上面图像的高度推到右边。

http://jsfiddle.net/RQsUc/

Answer 1

将overflow: hidden添加到最外面的div（ div (display: block) ）到contain the floats。