Как я могу установить дизайн div на определенную высоту контейнера? [закрыто] ⇐ CSS

[Гость]

Изображения разделов

У меня есть дизайнерское изображение, в котором есть три вертикально выровненных элемента div. Я хочу, чтобы все три элемента div помещались в пределах максимальной высоты тела, не делая тело прокручиваемым.

Первый и второй элементы div являются динамическими, что означает, что их можно скрыть. Когда эти элементы управления скрыты, я хочу, чтобы третий элемент управления автоматически настраивался и занимал оставшуюся высоту тела. Третий элемент div сам по себе содержит два вложенных элемента, а второй вложенный элемент должен быть прокручиваемым, чтобы его содержимое оставалось внутри тела и не выходило за его пределы.

Чтобы правильно понять, посмотрите на это изображение:

Это без адаптивного дизайна:

Я хочу, чтобы высота моего контейнера 100 автоматически настраивала все три элемента div в этой области. когда любой div скрывает 1-й и 2-й автоматически регулирует высоту на 2 деления в соответствии с контейнером.

пожалуйста, помогите мне решить эту проблему