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

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

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

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

position:absolute 不是一个选项..

希望有人可以提供帮助。

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

【问题讨论】:

  • 你想浮动:deling.pumpthejuice.com/overflow_image.jpg" /> 外面
    ?
  • jep,让图片在div之外

标签: html css internet-explorer internet-explorer-7


【解决方案1】:

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

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

【讨论】:

  • 感谢您的回复。这是一种解决方法,但这需要您知道图像的大小,它是用于 CMS 的,因此客户端可以上传 x 宽度的图像。
【解决方案2】:

在关闭 div 之前添加这个

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

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签