在div之外浮动更大的图像

Question

遇到问题，有些人可能会帮助我。 与我在主题上找到的大多数条目不同，我正在寻找一种解决方案，我可以将更大的图像漂浮在div之外的div中。

它适用于除IE7之外的所有浏览器，请看链接，这有点难以解释，但你可以看到ie7将图像置于中心位置。

我需要它，因为我有一个2 col布局，右侧col需要有一个可能位于左侧col下方的图像。

位置：绝对不是一个选项..

希望有人可以提供帮助。

http://jsfiddle.net/J3NV6/2/

Answer 1

您可以将图像相对于包装器或容器浮动，类似于

#wrap img.YourImage {
    position: relative;
    top:0;
    bottom:0;
    left:0;
    right:100px;
}

Answer 2

只需在关闭div之前添加它

<div style="clear:both; height:0px; font-size:0px;">&nbsp;</div>