2011-08-23 45 views
0

我試圖做出這種佈局(其中很多都在列表中):html div後面img

左側的圖像(高度不同但寬度固定)。右邊是一個<h2>,在其下方,但圖像的右側仍然是一個包含其他內容的div。

該div用於提供不同的彩色背景。現在,div出於某種原因延伸到圖像後面,並且圖像之間的距離有所不同,有時一個元素會被上方圖像的高度推向右側。

http://jsfiddle.net/RQsUc/

+0

它看起來像你需要清除:左;某處,但你能提供jsfiddle嗎? – mkk

+0

這不是HTML ...張貼您的實際標記會有所幫助。 –

+1

你會想清楚地閱讀。 http://webdesign.about.com/od/styleproperties/p/blspclear.htm – Drazisil

回答

1

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

+0

這解決了相鄰圖像的問題 – zacaj

+0

那麼,剩下的問題是什麼? – thirtydot

+0

對不起,實際上確實修復了它,我只是將它應用於錯誤的div。謝謝! – zacaj