如何用三个div分割屏幕

<div class="container">
  <div class="left-div">...</div>
  <div class="center-div">...</div>
  <div class="right-div">...</div>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 设置容器宽度和高度 */
  width: 300px;
  height: 300px;
}

.left-div {
  /* 设置 div 宽度和高度 */
  width: 100px;
  height: 100px;
  /* 添加 background-color 属性来展示 div 的颜色 */
  background-color: red;
}

.center-div {
  /* 设置 div 宽度和高度 */
  width: 100px;
  height: 100px;
  /* 添加 background-color 属性来展示 div 的颜色 */
  background-color: yellow;
}

.right-div {
  /* 设置 div 宽度和高度 */
  width: 100px;
  height: 100px;
  /* 添加 background-color 属性来展示 div 的颜色 */
  background-color: blue;
}