CSS:允许图像从div溢出?

时间:2010-06-15 22:40:30

标签: html css alignment

我想创建以下情况:

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

所有内容都包含在名为“标题”的div中 该文本位于一个名为“textarea”的div中 图像位于名为“imagearea”的div中

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

如何使用CSS执行此操作?

2 个答案:

答案 0 :(得分:3)

以设定的宽度向右浮动文本区域。这使它脱离了文档的流程。

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

答案 1 :(得分:1)

float:right