Как отрегулировать высоту тела в компоненте макета ⇐ CSS

[Гость]

Я создаю приложение с помощью maui и хостинга blazor.

Я создал макет AppBarTop и appBarBottom позиция: фиксированная; проблема в том, что мое тело теперь занимает весь экран, перекрывая панели приложений (они находятся под ними, но при проверке вы можете видеть, что они тоже занимают свое место). Я попытался установить фиксированное положение полосок, но затем они прокручиваются, поскольку тогда они размещаются в контейнере.

@inherits LayoutComponentBase @Тело для справки, моя верхняя панель выглядит так:

@FullName Добро пожаловать!

.top-app-bar { дисплей: гибкий; оправдание-содержание: начало; выровнять-элементы: по центру; высота: 120 пикселей; ширина: 100%; цвет фона: #323232; белый цвет; положение: фиксированное; } .контейнер { дисплей: гибкий; разрыв: 10 пикселей; гибкий: 1; выровнять-элементы: по центру; поле слева: 20 пикселей; } Мне не хватает информации о том, как мое тело может регулировать свой размер с учетом верхнего и нижнего колонтитула.