Как сделать отступ от верха всегда 50% независимо от контента?

Question

[Cheizer]

Друзья, очередная головоломка для меня, есть блоки, в них контент, контент в разных блоках разных по величине.
Из за чего блоки разные по высоте.
ВАЖНО. блоки по два в ряду выстраиваются, поэтому высота должна быть одинаковая независимо от контента. Но на flexbox это легко сделать. Сложно дальше.
Контент в КАЖДОМ БЛОКЕ. должен отступать от верха, на 50%.
Никак не получается сделать это. Пробую играть с calc padding-top: calc((50%/2) - 160px);, но все равно не получается, думаю сам подход неверный, для одного ряда можно подогнать, но в других рядах беда.
КАК СДЕЛАТЬ ОТСТУП ДОЧЕРНЕГО БЛОКА, ОТ ВЕРХА РОДИТЕЛЬСКОГО БЛОКА, НА 50%, НЕ ЗНАЯ ВЫСОТУ ДОЧЕРНЕГО БЛОКА, КАК ЭТО СДЕЛАТЬ???
Помогите разобраться, как сделать правильно?

Вот на Pene поднял пример как делаю https://codepen.io/Cheizer/pen/MNbrKr

Comments

[Brad9aga]

дичь какая-то

[Brad9aga]

padding-top: 50 %;

[Cheizer]

Brad9aga, это не работает.

[strelok011]

Что мешает нижнему блоку задать min-height 50%? Без всяких паддингов сверху. Только выравнивание любым способом в обертке к низу.

Answer 1

[Сергей Карвасарный]

Попробуй так, я не проверял на большее количество текста и поставил 300px фиксированную высоту блоку я думаю если, что найдешь способ сделать все блоки одинаковой высоты))

Comments

[Cheizer]

спасибо, но в том и проблема, что контента неизвестно сколько будет, высоту фиксировать нельзя, и по высоте они могут растягиваться, и в каждом ряду они должны быть одинаковые по высоте, но с этим не проблем на flexbox.

[Сергей Карвасарный]

Роман Кузнецов, я думаю если сделаете флексом чтобы они были одинаковой высоту то фиксированная все будет хорошо) фиксированную я делал просто для примера чтобы не заморачиваться на одинаковой высоте блоков)) там указано в % по этому не важна какая высота блока будет, главное чтобы у всех одинаковая была))

[Brad9aga]

Роман Кузнецов, читаю читаю, до сих пор не могу вкурить что за дичь

[Brad9aga]

Сергей Карвасарный, переведи мне на русский чо он хочет

[Cheizer]

Brad9aga, :) Вот пример https://codepen.io/Cheizer/pen/MNbrKr

Как сделать, что бы всегда отступ от верха блока, был 50%?