flex左右布局各占一半

您可以使用Flexbox来实现左右布局各占一半的效果。以下是一个示例代码：

<div class="container">
  <div class="left">左侧内容</div>
  <div class="right">右侧内容</div>
</div>

.container {
  display: flex;
}

.left, .right {
  flex: 1;
}

.left {
  background-color: #f0f0f0;
}

.right {
  background-color: #ccc;
}

在上面的代码中，我们创建了一个包含左右两个部分的容器。父容器设置为display: flex，使其成为一个Flex容器。左右两个子元素（.left和.right）都设置了flex: 1，这意味着它们会平均分配父容器的可用空间，从而实现了各占一半的效果。您可以根据需要调整左右两个部分的样式。

希望对您有所帮助！如有任何问题，请随时提问。