页面子表格怎么布局一个div里面分成上中下三个等份的div，大div高度根据屏幕自适应（屏幕缩小会出现滚动条）

要在一个`div`容器内创建上、中、下三等分的布局，并让其高度随屏幕自适应，可以使用CSS Flexbox或Grid布局。这里我将展示Flexbox的解决方案：

首先，在HTML结构中设置基础元素：

<div class="container">
  <div class="section section-top"></div>
  <div class="section section-middle"></div>
  <div class="section section-bottom"></div>
</div>

然后，在CSS中添加样式：

.container {
  display: flex;
  flex-direction: column; /* 水平方向变为垂直 */
  height: 100vh; /* 容器高度设置为视口高度 */
  overflow-y: auto; /* 添加滚动条处理内容溢出 */
}

.section {
  flex: 1; /* 等分空间，每个部分占1份 */
}

.section-top {
  background-color: lightblue;
}

.section-middle {
  background-color: lightgreen;
}

.section-bottom {
  background-color: lightyellow;
}

这样，`.container`里的三个`.section`将会平均分配可用空间，形成顶部、中部和底部的等宽布局。当屏幕大小变化导致内容超出容器高度时，会显示滚动条。