如何让DIVs垂直对齐到顶部？

要让多个DIV垂直对齐到顶部，可以通过使用Flexbox布局或者使用CSS的position属性实现。

方法一：Flexbox布局 Flexbox是一种强大的布局模型，可以方便地实现元素的对齐和排列。以下是实现DIV垂直对齐到顶部的步骤：

1. 在父元素上应用display: flex;属性，将其设置为Flex容器。
2. 使用align-items: flex-start;属性将子元素垂直对齐到容器的顶部。

示例代码如下：

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

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

.box {
  /* 这里是DIV的样式 */
}

方法二：CSS的position属性 通过使用CSS的position属性，可以将DIV元素的位置相对于其父元素进行定位。以下是实现DIV垂直对齐到顶部的步骤：

1. 将父元素的position属性设置为relative，为子元素提供相对定位的参考点。
2. 将子元素的position属性设置为absolute，使其脱离文档流。
3. 使用top: 0;属性将子元素相对于父元素的顶部对齐。

示例代码如下：

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

.container {
  position: relative;
}

.box {
  position: absolute;
  top: 0;
  /* 这里是DIV的样式 */
}

以上是两种常见的方法，可以根据具体的情况选择适合的方式来实现DIV垂直对齐到顶部。