怎么让大盒子里面的两个盒子分布两端，用css实现

如果你想通过CSS让一个大盒子内的两个小盒子均匀分布在两端，可以使用Flexbox布局。假设大盒子是一个`div`，里面有两个同样大小的小盒子，你可以这样做：

HTML结构示例：

<div class="container">
  <div class="box box-left">左盒</div>
  <div class="box box-right">右盒</div>
</div>

对应的CSS样式：

.container {
  display: flex; /* 使用Flexbox布局 */
  justify-content: space-between; /* 主轴对齐，将元素分布到容器的两端 */
  width: 100%; /* 或者设置合适的宽度 */
}

.box {
  width: 50%;
  height: 100px; /* 小盒子尺寸，可以根据需要调整 */
}

在这个例子中，`.container`设置了`display: flex`使其成为Flex容器，`justify-content: space-between`使得两个`.box`元素平均分布在主轴（默认为左右方向），且它们会占据父元素的50%宽度。