Grid: как задать картинке высоту строки?

Question

[Ragtime Kitty]

Привет.

Подскажите, пожалуйста, как расположить картинку в сетке так, чтобы она не растягивала контейнер, а была 100% высоты соседнего столбца?

Comments

[Ankhena]

Идей умнее абсолюта в голову не пришло.

Answer 1

[Antony Bark]

.* img{height: 1 rem;max-height: 1 rem;width: auto;} иллюстрация должна быть в той же строке и быть inline

Comments

[Ragtime Kitty]

Мне нужно сделать высоту картинку равной 100% высоты соседнего столбца, высота которого заранее неизвестна, а не жестко зафиксировать ее в 1rem.

Это даже не рядом.

[Antony Bark]

) так сделайте соответствующие строки в этих столбцах одной высоты, например через line-height
добраться до строк через классы, либо, например через счёт *:nth-child(%) а потом уже в этой строке-контейнере сам img{height:100%}

Ваша задача требует глобальной фиксации высот + вы не знаете её в px, исходя из этого, кроме rem\em инструмента найти не получится. Пляски с grid \ flex не помогут

[Ragtime Kitty]

В правом столбце может быть все что угодно с рандомным размером, а не только инлайн текст. Моя задача - растянуть высоту картинки на высоту этого всего что угодно. Это работает, если задать картинке абсолютное позиционирование, как подсказала Ankhena.

Причем тут селекторы, строки, высота строк и привязка к размеру шрифта?

Answer 2

[Andrey]