Пытаюсь добиться желаемой функциональности в моем макете CSS.
На основе этой базовой структуры https://jsfiddle.net/606ep8g7/6/. Я пытаюсь заставить следующие части работать вместе:
<body>
<div id="A">
<div id="A1">
</div>
<div id="A2">
</div>
<div id="A3">
</div>
</div>
<div id="dragbar"></div>
<div id="B">
</div>
</body>
2 контейнера: #A и #B с div для изменения их размера относительно друг друга.
#A является фиксированным (без прокрутки) и содержит 3 элемента div: #A1 – фиксированный логотип, #A2 – панель навигации, и #A3, который является контейнером для списка jstree.
#A1 имеет фиксированную высоту, а #A2 оборачивает свое содержимое, которое всегда должно быть видно. Это работает нормально.
Я пытаюсь заставить #A3 иметь автоматические полосы прокрутки внутри фиксированного элемента #A, в то же время добиваясь полос прокрутки на #B. strong> когда контент выталкивается за пределы окна, и я не могу заставить их работать.
Я просто не могу найти правильную комбинацию, чтобы все это работало должным образом. Если я сделаю #A3 position:absolute, я смогу получить полосы прокрутки, но они больше не связаны с динамической настройкой #A2. Но когда относительно, #A3 не расширяется до нижней части окна и не автоматически размещает полосы прокрутки при переполнении содержимого. Я не могу исправить высоту DIV, потому что она динамически заполняется И ее нужно настроить с помощью #A2. Есть идеи?