Flex 布局：将按钮放置在右上角

使用justify-content: flex-end;和align-items: flex-start;来将按钮放到右上角。

HTML代码示例：

<div class="container">
  <button class="button">按钮</button>
</div>

CSS代码示例：

.container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
}

.button {
  margin-top: 10px;
}

在这个例子中，.container是一个使用flex布局的容器，justify-content: flex-end;将按钮放到水平方向的右边，align-items: flex-start;将按钮放到垂直方向的上面。height: 100vh;设置容器的高度为整个视口的高度，以确保按钮放在右上角。

需要注意的是，这只是一种实现方式，具体的布局效果可能会因为其他CSS样式的存在而有所不同。