Я постараюсь объяснить это как можно яснее.Я также использую фреймворк Bulma CSS, если это имеет значение.Итак, макет, который я пытаюсь создать, таков:
Я создал рабочую версию, которую можно увидеть в действии здесь
Тем не менее, в рабочем примере vh / px прокручиваемого блока установлен на определенную величину, и я использую плитки из CSS-структуры Bulma.Я попытался использовать столбцы, и тот же результат произошел.Если бы я не сделал это фиксированной величиной, он бы просто простирался за пределы экрана, но я хочу, чтобы он умещался на весь экран независимо от размера, и единственной прокручиваемой частью должен быть зеленый прямоугольник, который я показал выше.Кроме того, поле может даже не иметь достаточного количества содержимого, чтобы стать прокручиваемым в некоторых случаях, и в этом случае я все же хотел бы, чтобы оно заполняло остальную часть высоты рамкой, даже если она будет пустой.
Как вы можете видеть здесь , если высота не установлена явно, она будет продолжать проходить мимо экрана, но если она будет правильно установлена, она будет работать как задумано.Мне интересно, как я могу сделать так, чтобы эта высота заполняла пространство должным образом, независимо от его размера и т. Д.
Любая помощь будет признательна!