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

Question

[Raul Abdullin]

К примеру по определенной формуле вычисляется размер одного из блоков в верстке.
Я хочу чтобы второй блок равнялся этому блоку, но формула calc в этом случае для второго блока не совсем актуальна. Можно ли как-то задать высоту так, что-то типа:

.second-section {
height: высота первого блока;
}

Comments

[Иван]

для этого есть переменные в Sass, ну и сами нативные переменные есть в css :) Так же есть js, он отлично для этого подходит .

[Владислав Бойченко]

$(document).ready(function(){
	var contentHeight = $('.main-block').height(); // Заносите в переменную высоту большего блока
	$('.sidebar-left').height(contentHeight); // Задаете эту высоту меньшему блоку
});

Answer 1

[Dima Polos]

Не хватает разметки, нужен хтмл. Например, если надо блоки поставить в ряд и все они на одном уровне, то для одинаковой высоты можно использовать display: flex; и всё, этого хватит, все блоки будут одинаковой высоты, равной высоте самого высокого блока, такого же эффекта можно добиться с помощью display: table/table-cell, правда свои нюансы есть. Если блоки не в одном контейнере, или не в ряд стоят, то надо js.