Как дать блоку полную высоту?

Question

[Nikita Shchypylov]

И так, есть такой блок: codepen.io/Nikulio/pen/mAZKoO
По идее, блок растягивается по высоте картинки, но эта высота не дается div.box_text.
Можно дать ему фиксированную высоту, но это костыль.
Что посоветуете сделать?
Вопрос: Как датьdiv.box_text такую же высоту, как и у div.box_img?

Comments

[Ankhena]

Возьмите любое изображение из инета или загрузить свое хоть в альбом вконтакте, хоть еще куда

[Nikita Shchypylov]

Ankhena W: codepen.io/Nikulio/pen/mAZKoO

Answer 1

[Ankhena]

Родителю display: flex

Или

function setEqualHeight(columns){
	var tallestcolumn = 0;
    columns.each(function(){
		currentHeight = $(this).height();
        if(currentHeight > tallestcolumn){
			tallestcolumn = currentHeight;
        }
    });
    columns.height(tallestcolumn);
}

setEqualHeight($(".first_box > div"));

Comments

[Nikita Shchypylov]

Не хочу использовать флекс

[Ankhena]

Nikita Schipilov: тогда это надо указывать в условиях задачи
и используйте JS

[Nikita Shchypylov]

Ankhena W: Да, сейчас костыль пока что поставил в виде вычисления высоты картинки, но это пока
Спасибо за совет

[Ankhena]

Nikita Schipilov: не костыль это флекс, остальное костыль

Answer 2

[Lumore]

Замените изображения сервисом placehold.it

Comments

[Nikita Shchypylov]

codepen.io/Nikulio/pen/mAZKoO

[Lumore]

Мое решение: codepen.io/Lumore/pen/ALWgXG

[Nikita Shchypylov]

Lumore: Сейчас гляну

Answer 3

[Dark Hole]

Нельзя текст обернуть div'ом и прибавить к нему before?

Answer 4

[Alex]

Как указал Ankhena W стоит использовать display: flex
codepen.io/cawa-93/pen/ZpbrLB