CSS: высота блока = высота другого блока. Как сделать?
У меня есть 2 дива: левый и правый. В левом у меня будет какой-то контент. Высота у него не зафиксирована.
В правом толком ничего нет, но я хочу, чтобы его высота равнялась высоте левого блока.
Как такое реализовать? Может, подскажете хороший ресурс, где такое описано?
Можно конечно задать обоим дивам просто равную высоту в пикселях, вручную. Но чтобы не заморачиваться каждый раз менять высоту, когда необходимо будет менять контент внутри...
Можно просто сделать один div, а внутри него просто сделать таблицу)
<div
<table
<tr
<td style="height: ??px;"
внутренности первого столбика
</td
<td
Пустой столбик между первым и вторым. На случай, если нужно их разделить на определенное расстояние. И этому столбику задать отдельно ширину и полную прозрачность → style="opacity: 0;"
</td
<td
второй столбик
</td
</tr
</table
</div
(ну и закрыть везде открытые скобки, само собой. В комменты просто не проходит полный код) И в коде пробелы для наглядности. Можно вообще в одну строку всё настрочить, убрав везде пробелы...
Можно добавить в td еще class="БЛАБЛА"
и уже в CSS прописать
.БЛАБЛА {border: 1px solid #888888; }
хотя, все это можно сделать на одном лишь HTML
Можно ещё при помощи jquery вычислять высоту блока слева и применять значение этой высоты к блоку справа.
http://jquery.page2page.ru/index.php5/Работа_с_высотой_элемента
табличный стиль из одной строки
.container {
display: table;
width: 100%;
}
.container .block {
display: table-cell;
width: 50%;
}