我试图做出这种布局(其中很多都在列表中):html div后面img
左侧的图像(高度不同但宽度固定)。右边是一个<h2>
,在其下方,但图像的右侧仍然是一个包含其他内容的div。
该div用于提供不同的彩色背景。现在,div出于某种原因延伸到图像后面,并且图像之间的距离有所不同,有时一个元素会被上方图像的高度推向右侧。
我试图做出这种布局(其中很多都在列表中):html div后面img
左侧的图像(高度不同但宽度固定)。右边是一个<h2>
,在其下方,但图像的右侧仍然是一个包含其他内容的div。
该div用于提供不同的彩色背景。现在,div出于某种原因延伸到图像后面,并且图像之间的距离有所不同,有时一个元素会被上方图像的高度推向右侧。
您最div
S(div (display: block)
)添加到overflow: hidden
contain the floats。
它看起来像你需要清除:左;某处,但你能提供jsfiddle吗? – mkk
这不是HTML ...张贴您的实际标记会有所帮助。 –
你会想清楚地阅读。 http://webdesign.about.com/od/styleproperties/p/blspclear.htm – Drazisil