Div расширяется с помощью переполнения / полос прокрутки после высоты другого div

Question

Мне нужно сделать сайт с divs.Смотрите фрагмент кода для формата.МЕНЮ имеет переменную высоту, в зависимости от того, развернуты ли пункты меню или нет, и содержимое также имеет переменную высоту, но с минимумом 700 пикселей.Если МЕНЮ сложено до минимальной высоты, оно составляет 300 пикселей, и КОРОБКА должна занимать оставшееся пространство, чтобы МЕНЮ + КОРОБКА была такой же высоты, что и КОНТЕНТ.Содержимое BOX составляет 600 пикселей, поэтому, когда BOX получает только 400 пикселей, должны быть полосы прокрутки.Когда расширение CONTENT расширяется, BOX также должен расширяться, чтобы они оставались на одной высоте.

Вот что я получил, но это не работает должным образом.Я пробовал некоторые другие вещи, но удалил их для этого поста, поэтому вместо них я получаю только очки.Надеюсь, что вы можете помочь, и спасибо заранее!

#container{ width: 800px; }
#leftbar{ float: left; width: 250px; background-color: lightgray; }
#content { float: left; width: 550px; background-color: white; }
#menu { width: 250px; }
#box { width: 250px; height: 300px; overflow-y: scroll; }

<div id="container">
  <div id="leftbar">
    <div id="menu">
    <div id="box">
  </div>
  <div id="content"></div>
</div>
<div style="clear:both;"></div>

Answer 1

Привет, с первого взгляда я вижу, что у вас есть несколько незакрытых тегов div, и, вероятно, поэтому он не делает то, что вы хотите.Вы можете назначить полосы прокрутки с помощью java-скрипта, если вы установите переполнение из css, у него будет полоса прокрутки с начала