在 div 之外浮动更大的图像答案

【问题标题】：floating larger image outside of div在 div 之外浮动更大的图像
【发布时间】：2013-10-28 21:46:59
【问题描述】：

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

它适用于除 IE7 之外的所有浏览器，请参阅链接，这有点难以解释，但您可以看到 ie7 将图像居中设置为浮动它。

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

position:absolute 不是一个选项..

希望有人可以提供帮助。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

在关闭 div 之前添加这个

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

【讨论】：