CSS：允许图像从 div 溢出？答案

【问题标题】：CSS: allow image to overflow from a div?CSS：允许图像从 div 溢出？
【发布时间】：2010-06-16 06:47:31
【问题描述】：

我想创建以下情况：

+--------------------------------------+-----------------------+
|                                     1|                       |
|  IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE |  TEXT TEXT TEXT       |
|2                                     |                       |
+--------------------------------------+-----------------------+

所有内容都包含在名为“caption”的 div 中
文本位于名为“textarea”的 div 中
图片位于名为“imagearea”的 div 中

文本区域具有固定宽度
图像大小可以改变。它应该与右上角对齐 (1) 并且应该从左下角溢出 (2)

如何使用 CSS 做到这一点？

【问题讨论】：

标签： html css alignment

【解决方案1】：

以设置的宽度将文本区域向右浮动。这会将其从文档流中移除。

将图像 div 的右边距设置为您希望它远离文本的宽度。 div 应该自动占据该区域的其余部分，文本 div 应该覆盖边缘区域。将图像 div 的背景图像设置为 100% 100%。

【讨论】：

如果您需要代码，请告诉我。您也可以查看我的博客并使用 firebug 或其他方式查看 CSS。它对我的导航做同样的事情。 inteldesigner.com
太棒了！有用！但为什么？。如果我将图像的边距降低到小于文本的宽度，或者如果我降低了 100%，它似乎会中断..
有关 100% 事情的信息，请查看我发的这篇帖子 inteldesigner.com/2010/code/…。当您将边距设置为 div 的宽度时，边距可防止文本 div 将其向下推。基本上是因为浮动 div 与布局分离，除非内容区域接触，否则它对图像 div 没有影响。
听起来像是我博客的帖子：D 现在我想起来了
刚刚意识到你可能想要 100% 0

【解决方案2】：

float:right?

【讨论】：