我最近使用flexbox创建了一个布局，该布局使用了左侧导航栏和一个具有浅灰色背景色的内容区域。该页面包含一个名为site-container的外部包装。它负责包含导航栏，在该页面之下有一个页面包装，其中包含侧边栏和内容区域。
它可以正确排列，但内容不会延伸到100％。我尝试了很多事情。将site-container设置为flex-direction：具有align-items的列可以拉伸，但似乎无济于事。该应用程序包含约1000行scss，因此我在网站中进行了介绍。任何帮助都感激不尽。干杯！
链接： https://teams365-dev.azurewebsites.net/
“ Mijn团队”和“ ontdekken团队”都有内容。
答案 0 :(得分：1)
您缺少siteContainer格上的身高。将height: calc(100vh - 48px);添加到您的.siteContainer类样式中，其中48px是navbar__container的高度。
编码愉快！