CSS Flex 布局：实现宽度一致、高度自适应的盒子紧贴布局

.container {
  display: flex;
  flex-wrap: wrap;
}

.box {
  width: 100px;
  flex: 1;
  height: 50px;
  margin: 5px;
  background-color: #ccc;
}

使用 CSS Flex 布局，可以通过以下步骤实现宽度一致、高度不同的盒子紧贴排列：

1. 将容器设置为 flex 容器，并设置 flex-wrap 属性为 wrap，这样子元素可以自动换行。
2. 设置子元素的 width 属性，保证所有子元素宽度一致。
3. 设置子元素的 flex 属性为 1，使其自适应高度并紧贴布局。

在上述示例代码中，container 被设置为 flex 容器，flex-wrap 属性设置为 wrap，子元素的宽度设置为 100px，flex 属性设置为 1，这样就可以实现宽度一致、高度自适应的盒子紧贴排列的效果。

此外，还可以设置其他样式来让盒子看起来更加美观，例如设置 margin、background-color 等属性。