flex布局 一行两列均分左对齐

可以使用flex布局实现一行两列均分且左对齐的效果。以下是实现步骤：

HTML结构：

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS样式：

.container {
  display: flex;
  justify-content: flex-start;
}

.item {
  flex-grow: 1;
}

解释如下：
- 将要布局的元素包裹在一个父容器中，使用`display: flex;`设置父容器为flex布局。
- 使用`justify-content: flex-start;`将子元素左对齐。
- 使用`flex-grow: 1;`将子元素均分父容器的宽度。

这样，两个子元素就会均分父容器的宽度并左对齐了。