后退按钮的位置始终在页面的右侧和下方

Question

有没有办法在 html/css 中放置一个按钮，以便始终将按钮放在页面的最右下角？我不得不提到页面中存在的 table 将有更多行，因为：如果用户添加一条记录，该记录将显示在视图中。

我已经尝试过并且正在工作的是为按钮 'Back':

制作一个 div

button[name=BackBtn] {
  color: white;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
}

<div class="Back">
  <button name="BackBtn" type="button" style="font-size: 16px; float: right; border-radius: 8px;  background-color: #3869d4;" onclick="history.back()">Πίσω</button>
</div>

Answer 1

如果您想滚动并使按钮始终位于相对于视口的那个位置，则必须使用 position:fixed，这样一来，无论您在页面中的哪个位置，您都会始终在同一位置看到该按钮。如果你想让它始终位于页面的右下角而不是视口中（如果你向上滚动可能看不到它），你可以使用以像素为单位的右侧和底部位置。

后退按钮的位置始终在页面的右侧和下方

Position of Back button always right and down of a page

html

css

button

display