Как сверстать такой блок?

Question

[red-web]

Как сверстать блок, высота которого не известна, в котором есть картинка превышающая выcоту блока, при этом при этом картинка должна вылезать наверх

Comments

[Ankhena]

Прибить псевдоэлемент абсолютом.
Если текста будет много, картинка просто перестанет вылезать из блока.

Answer 1

[IIIu6ko]

Всё просто

Answer 2

[Олег]

Как вариант через псевдоэлемент

Comments

[red-web]

Да, но все равно не понятно, как поднять иконку телефона теперь наверх, или хотя бы опустить красную полосу вниз.

<style>
	.d{
		position:relative; 
		background-color:rgba(255,0,0,.2);
		
	}
	.d::after{
		  content: "";
			display: inline-block;
			width: 100px;
			height: 100px;
			background-image: url("https://cdn-icons-png.flaticon.com/512/597/597177.png");
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			position:absolute;
			right:0px;
	}
</style>

<div class='d'>
	234234
</div>

Answer 3

[nekrokarya]

Просто через position: absolut можно попробовать с отрицательным значением top

Comments

[red-web]

Да, но я не знаю высоты блока, в этом проблема.