页面中使用flex布局来制作一个上中下布局的结构
<-- calc这个计算函数减去的值必须大于底部的高度-->
<div class="flex flex-col h-[calc(100vh-80px)]">
<div class="">顶部(可以在里面的元素中设置元素高度)</div>
<div class="overflow">中间</div>
<div class="">底部(可以在里面的元素中设置元素高度)</div>
</div>
<-- calc这个计算函数减去的值必须大于底部的高度-->
<div class="flex flex-col h-[calc(100vh-80px)]">
<div class="">顶部(可以在里面的元素中设置元素高度)</div>
<div class="overflow">中间</div>
<div class="">底部(可以在里面的元素中设置元素高度)</div>
</div>