Задать вопрос
@Kikotono

Как сделать блоки одинаковой высоты?

Способ с flexbox не совсем подходит. Он делает блоки одинаковой высоты только на одном ряде, а нужно на всех. Т.е. высота блоков должна равняться самой большой высоте
https://jsfiddle.net/mk4hhgnn/
  • Вопрос задан
  • 981 просмотр
Подписаться 2 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 3
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Ответ написан
Комментировать
@glagolew059
frontend developer
можно типо такого попробовать https://jsfiddle.net/hdc5kvfy/
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
При необходимости делаю так:

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


setEqualHeight($(".blocks"));  /*делаем блоки одинаковой высоты*/


p.s. но теперь (2020) для этого есть гриды.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы