css使一个button在页面右边

在CSS中，如果你想让一个按钮显示在页面的右侧，你可以通过设置`float`属性或者使用现代布局技术如Flexbox或Grid来实现。这里有几个例子：

1. **浮动** (适用于行内元素)：

.button-right {
  float: right;
  margin-left: auto; /* 自动填充左侧空间 */
}

将`.button-right`类应用到你的按钮上。

2. **Flexbox** (适合包含块级元素)：

<div class="container">
  <button class="button-right">右侧按钮</button>
</div>

<style>
.container {
  display: flex;
  justify-content: flex-end;
}
.button-right {
  align-self: center;
}
</style>

在这个例子中，`.container`设置了flex布局，并将其内容向右对齐。

3. **Grid** (适用于网格布局)：

<div class="grid-container">
  <button class="button-right">右侧按钮</button>
</div>

<style>
.grid-container {
  display: grid;
  place-items: end; /* 将项目放在网格的末尾 */
}
.button-right {
  grid-column-start: span 1; /* 占据一列 */
}
</style>

以上三种方式都可以让你的按钮显示在页面右侧。注意选择最适合你的布局需求的方法。