Как сделать чтобы блоки растягивались на всю высоту самого большого блока?

Question

[vasil77]

Как сделать чтобы все блоки растягивались на всю высоту самого большого блока в зависимости от помещённого контента?

Answer 1

[Алексей]

Самый простой вариант - сделать на флексах.

div {
  display: flex;
  align-content: stretch;
}

Comments

[vasil77]

спасибо на флексах знаю это св во, но верстаю на бустрапе 3

[tyzberd]

какая разница на каком, добавьте еще свой класс с флексом.
а для старых браузеров будет разной высоты, думаю не беда

[Gortyser]

align-content: stretch даже не обязательно задавать, это значение по умолчанию.

Answer 2

[Stalker_RED]

section {
  display: table;
}
div {
  display: table-cell;
}

jsfiddle.net/wd8s98rz

Comments

[vasil77]

спасибо, на jsfiddle работает, а у меня нет почему то, может Бутсрап перебивает стили?

[Stalker_RED]

vasil77, может. Откройте инспектор и посмотрите.

Answer 3

[koanvl]

Решала такую проблему на 3 буте при помощи js
var minHeight = 0;
$(".offer-box").each(function () {
var height = parseInt($(this).height());
if(height > minHeight) {
minHeight = height;
};
});
$(".offer-box").height(minHeight);

Answer 4

[Кирилл]

сунуть их в общий блок с фиксированной высотой и задать внутренним блокам высоту 100%. Или же прописать размер общего блока равным самому большому внутреннему блоку.

Comments

[vasil77]

спасибо, но не работает

Answer 5

[Роман Савчук]

Мне кажется, проще сего - задать всем блокам 1 класс, задать стиль для данного класса с фиксированной высотой.

Comments

[vasil77]

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

[Роман Савчук]

vasil77, xiper.net/collect/html-and-css-tricks/karkas-verst...

[cristalex]

Это вариант никак не подходит для адаптивной верстки. Лучше всего на флексах сделать.