一个长方形的div盒子 上中下 平均分为三分

好的，这是一个CSS布局问题。你可以使用flexbox或者grid布局来实现这个效果。具体来说，你可以将长方形的div盒子设置为一个flex容器，并使用flex-direction属性将其设置为垂直方向。然后，将盒子分为上中下三个部分，可以使用flex-grow属性使它们平均分配容器的剩余空间。下面是一个示例代码：

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

.container {
  display: flex;
  flex-direction: column;
  height: 300px; /* 设置盒子高度 */
}

.top, .middle, .bottom {
  flex-grow: 1; /* 平均分配容器的剩余空间 */
}

.top {
  background-color: red;
}

.middle {
  background-color: green;
}

.bottom {
  background-color: blue;
}

这样，你就可以将长方形的div盒子分为上中下三个部分，并且它们的高度相等。