Html 高度设置为100%时显示整页的网格

从一段时间以来，我一直在研究聊天室的布局，我的网站（我将展示）的主要概念是，我有一个固定的导航栏和一个固定的底部页脚（bootstrap4）。所以在它们之间我添加了一个3列的网格系统（3+6+3），现在我希望网格系统是高度，这样它就覆盖了导航栏和页脚之间的整个区域。但问题是，当我给他们100%的高度时，一个滚动条会出现，使其成为一个完整的页面网格

我的代码：

。下拉切换：：after{
内容：无；
}
身体{
保证金：0；
填充：0；
}

col-3
col-6
col-3

使用CSS flex。将高度设置为100%将获取从其父级继承的所有高度。这里您尝试将内容高度设置为100%。所以它需要所有可用的高度，并且没有页眉和页脚的空间。如果试图在内容中包含页眉和页脚，则页面会溢出。于是卷轴来了

正文{
保证金：0；
填充：0；
显示器：flex；
身高：100%；
位置：绝对位置；
宽度：100%；
弯曲方向：立柱；
} 
.第二排{
弹性：1；
溢出：自动；
保证金：0；
}

col-3
col-6
col-3

使用calc（）计算元素的高度：

<style>
  .full_height {
    height: calc(100vh - 82px);
    overflow: auto;
  }
</style>

col-3
col-6
col-3

但你能解释问题出在哪里吗？@ZahidKhakan制作身体姿势：绝对是一个非常糟糕的技巧