帮我用css实现 确定和取消按钮永远固定在屏幕底部并且可以跟着屏幕滚动

你可以使用CSS的position和bottom属性来实现此效果。以下是一个示例代码：

<div class="buttons">
  <button class="cancel">取消</button>
  <button class="confirm">确定</button>
</div>

.buttons {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.cancel {
  background-color: #ccc;
  color: #fff;
  border: none;
  padding: 10px 20px;
  margin-right: 10px;
  cursor: pointer;
}

.confirm {
  background-color: #3f51b5;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

在上面的代码中，我们使用了position: fixed和bottom: 0来将按钮固定在屏幕底部。我们还添加了一些样式，如宽度、背景颜色、阴影和文本对齐等。最后，我们定义了取消和确定按钮的样式。

这样，无论页面滚动到哪里，这两个按钮都将保持在屏幕底部