Высота Flexbox всегда 100% и при прокрутке - PullRequest
0 голосов
/ 28 января 2019

Недавно я создал макет с flexbox, который использует левую панель навигации и область содержимого, имеющую светло-серый цвет фона.страница содержит внешнюю оболочку под названием site-container.Он отвечает за содержание навигационной панели, под которой находится обертка страницы, которая содержит боковую панель и область содержимого.

Выравнивается правильно, но содержимое не растягивается до 100%.Я перепробовал много вещей.установка site-container в flex-direction: столбец с align-items stretch, но, похоже, ничего не работает.Приложение содержит около 1000 строк scss, поэтому я включил сайт, чтобы посмотреть.Любая помощь будет высоко ценится.Приветствия!

Ссылка: https://teams365 -dev.azurewebsites.net /

"Mijn Teams" и "Teams ontdekken" имеют содержимое.

1 Ответ

0 голосов
/ 28 января 2019

Вам не хватает высоты на siteContainer дел.Добавьте height: calc(100vh - 48px); к вам .siteContainer стиль класса, где 48px - это высота navbar__container.

Удачного кодирования!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...