@DobrykovM

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

Можно ли сделать, чтобы элемент с id "left" всегда был такой же высоты, что и элемент с id "right", при этом контент, который не помещается в элементе id "left" можно было проскролить внутри этого блока. В то же время элемент id "right" может иметь динамическую высоту зависящую от контента и можно ли обойтись без js?
То есть левый блок всегда подстраивается под высоту правого блока, а контент в левом блоке скролиться, а правый блок не имеет скрола и высота его зависит от контента в нем.

<div style="display: flex">
  <div id="left" style="width: 200px;background-color: red">
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>
    8<br>
  </div>
  <div id="right" style="width: 200px;background-color: blue">
    1<br>
    2<br>
    3<br>
  </div>
</div>
  • Вопрос задан
  • 166 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Пригласить эксперта
Ответы на вопрос 2
@LAVladis
Возможно так
<div style="display: flex;">
  <div id="left" style="flex: 1; background-color: red; overflow: auto;">
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>
    8<br>
  </div>
  <div id="right" style="flex: 1; background-color: blue;">
    1<br>
    2<br>
    3<br>
  </div>
</div>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
05 нояб. 2024, в 11:03
15000 руб./за проект
05 нояб. 2024, в 11:00
15000 руб./за проект
05 нояб. 2024, в 10:55
1500 руб./за проект