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

Question

[urajo]

Можно ли как-то задать высоту блоку, отталкиваясь от высоты другого блока - не родителя?

Answer 1

[Никита Михайлов]

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

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

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

.header {
  height: calc(var(--section-form-height) / 3);
}

Comments

[urajo]

к сожалению, насколько я знаю в ie это работать не будет.

Answer 2

[Danny Arty]

jQuery

$(function() {
    var height = $( '#div-1' ).height(); 
    $( '#div-2' ).height(height); 
});