css两个不一样大的盒子对齐

如果你想要将两个不一样大小的盒子对齐，可以使用 Flexbox。你可以将这两个盒子放置在一个 Flex 容器中，并使用 `align-items` 属性将它们垂直对齐。

以下是一个示例代码：

HTML:

<div class="container">
  <div class="box1"></div>
  <div class="box2"></div>
</div>

CSS:

.container {
  display: flex;
  align-items: center;
}

.box1 {
  width: 200px;
  height: 100px;
  background-color: red;
}

.box2 {
  width: 150px;
  height: 75px;
  background-color: blue;
}

在这个示例中，`.container` 被设置为一个 Flex 容器，并通过 `align-items: center` 将它们垂直居中对齐。`.box1` 和 `.box2` 分别是两个不同大小的盒子，它们被放置在 Flex 容器中。这将导致它们在垂直方向上对齐。

你可以根据需要修改 `.box1` 和 `.box2` 的大小和样式。