CSS: разрешить переполнение изображения из div?

Question

Я хочу создать следующую ситуацию:

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

Все включено в div, называемый «заголовок»
Текст в div называется «textarea»
Изображение находится вdiv, называемый "imagearea"

Текстовая область имеет фиксированную ширину
размер изображения может изменяться.Он должен быть выровнен по верхнему правому углу (1) и должен переполняться по левому нижнему углу (2)

Как это сделать с помощью CSS?

Answer 1

Перемещение текстовой области вправо с заданной шириной. Это выводит его из потока документов.

Установите правое поле изображения div на ширину, которую вы хотите от текста. Div должен автоматически занимать остальную часть области, а текстовый div должен охватывать область полей. установите фоновое изображение на 100% 100% для изображения div.

Answer 2

float:right?