button中的position如何设置两个按钮一个左边一个右边

在HTML和CSS中，如果你想在一个页面上放置两个按钮，一个在左边，一个在右边，你可以使用CSS的`float`属性来实现这个布局。首先，你需要给每个按钮添加一个容器，然后对容器设置`display: inline-block;`，这样按钮会水平排列。

例如：

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

<style>
.container {
  display: flex; /* 或者 display: inline-flex */
  justify-content: space-between; /* 保证左右间距均匀 */
}

.left-button,
.right-button {
  margin-right: 10px; /* 可以调整两按钮之间的间距 */
  padding: 5px 10px;
  border: none;
  background-color: #f0f0f0; /* 遮盖默认背景 */
}
.left-button {
  float: left; /* 对于不支持flex布局的浏览器 */
}

.right-button {
  float: right; /* 对于不支持flex布局的浏览器 */
}
</style>

在这个例子中，`.left-button`将浮动到容器的左边，`.right-button`将浮动到容器的右边。如果浏览器支持flex布局，那么使用`display: flex`和`justify-content: space-between`会更现代且兼容性更好。