如何垂直地将两个按钮放在彼此的顶部，以便它们将高度分开，使每个按钮的高度相等50%

要垂直地将两个按钮放在彼此的顶部，以便它们将高度分开，使每个按钮的高度相等50%，可以使用CSS的Flexbox布局来实现。

首先，需要创建一个包含两个按钮的容器元素，可以使用一个div元素来作为容器。然后，给这个容器元素设置display属性为flex，这样容器内的元素就可以使用Flexbox布局。

接下来，给容器元素设置flex-direction属性为column，这样容器内的元素会垂直排列。

然后，给容器元素设置justify-content属性为space-between，这样容器内的元素会在垂直方向上均匀分布，并且顶部和底部会有空白间隔。

最后，给每个按钮元素设置flex属性为1，这样它们会平均占据容器的高度，并且高度相等50%。

以下是示例代码：

<div class="container">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
</div>

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100px; /* 设置容器的高度 */
}

.button {
  flex: 1;
}

这样，两个按钮就会垂直地放置在彼此的顶部，并且它们的高度会相等50%。你可以根据需要调整容器的高度和按钮的样式。

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

• 腾讯云：https://cloud.tencent.com/
• 云服务器 CVM：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL：https://cloud.tencent.com/product/cdb_mysql
• 云存储 COS：https://cloud.tencent.com/product/cos
• 人工智能 AI：https://cloud.tencent.com/product/ai
• 云原生容器服务 TKE：https://cloud.tencent.com/product/tke
• 云安全中心：https://cloud.tencent.com/product/ssc
• 云视频处理：https://cloud.tencent.com/product/vod
• 物联网平台：https://cloud.tencent.com/product/iotexplorer
• 移动推送：https://cloud.tencent.com/product/tpns
• 区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯会议：https://cloud.tencent.com/product/tcmeeting