html - 在 div 之外 float 更大的图像

Question

遇到问题，你们中的一些人也许可以帮助我。与我在该主题上找到的大多数条目不同，我正在寻找一种解决方案，我可以在 div 外部的 div 内 float 更大的图像。

它适用于除 IE7 以外的所有浏览器，请参阅链接，这有点难以解释，但您可以看到 ie7 将图像居中而不是将其正确 float 。

我需要它，因为我有一个 2 列布局，其中右列需要有一个图像，可能在左列下方。

position:absolute 不是一个选项..

希望有人能帮忙。

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

Answer 1

您可以相对于包装器或容器 float 图像，例如

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