如何使垂直div保持相同的高度？

要使垂直div保持相同的高度，可以使用以下方法：

1. 使用Flexbox布局：将父容器设置为display: flex，并且设置align-items: stretch。这将使所有子元素的高度自动拉伸以匹配最高的子元素。
2. 使用表格布局：将父容器设置为display: table，并且将子元素设置为display: table-cell。这将使所有子元素的高度相等。
3. 使用伪元素清除浮动：在父容器的CSS样式中添加clearfix类，然后定义clearfix类的CSS样式如下：

.clearfix::after { content: ""; display: table; clear: both; }

1. 使用JavaScript：通过计算所有子元素的最大高度，并将该高度应用于所有子元素，可以使用JavaScript来实现相同的高度。

以上是常用的方法，根据具体情况选择适合的方法来实现垂直div保持相同的高度。

腾讯云相关产品和产品介绍链接地址：

• Flexbox布局：https://cloud.tencent.com/document/product/382/35497
• 表格布局：https://cloud.tencent.com/document/product/382/35498
• 伪元素清除浮动：https://cloud.tencent.com/document/product/382/35499
• JavaScript计算高度：https://cloud.tencent.com/document/product/382/35500