@urajo

Как сделать высоту блока исходя из высоты другого блока?

Можно ли как-то задать высоту блоку, отталкиваясь от высоты другого блока - не родителя?
  • Вопрос задан
  • 102 просмотра
Пригласить эксперта
Ответы на вопрос 4
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Тут проще всего использовать JS. Если они не связаны друг с другом, то нет надежды связать их средствами CSS, если только один из блоков не имеет фиксированную высоту. В этом случае можно использовать переменные.

:root {
  --section-form-height: 300px;
}

.section-form {
  height: var(--section-form-height);
}

.header {
  height: calc(var(--section-form-height) / 3);
}
Ответ написан
@Softlink
Контекст не очень понятен, но на гридах сделать это можно.
Ответ написан
DanArst
@DanArst
Э, Ойboy!
jQuery
$(function() {
    var height = $( '#div-1' ).height(); 
    $( '#div-2' ).height(height); 
});
Ответ написан
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Можно сделать это на флексах, гридах, на абсолютном позиционировании, и, наконец, на скриптах, как заюзав овердофига плагинов типа eqheight, так и написав пару строчек самому
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 окт. 2020, в 21:08
50000 руб./за проект
28 окт. 2020, в 20:32
23000 руб./за проект
28 окт. 2020, в 20:19
500 руб./за проект