javascript - 将 Div 置于绝对右侧

Question

在当前环境下，以下代码有效。

div.fixed {
  position: fixed !important;
  top: 45px !important;
  left: 400px !important;
  width: 300px;
}

<div class="fixed">
  <input type="button" onclick="location.href=document.referrer; return false;" value="Previous Page" />
</div>

但是它不会保持它的位置并且并不总是在右边。

如何修复此代码以便:

• div 按钮始终位于窗口右侧
• 无论显示分辨率或窗口大小如何调整，div 按钮都会保持其位置，即如果不同的用户使用不同的显示器分辨率，则该按钮应位于所有用户的相同(右侧)位置，并且应通过手动调整窗口大小来保持其位置。<

Answer 1

使用 right:0 而不是 left:400px。这会将 div 放在页面的右侧。由于您有一个 width:300px，因此您需要 text-align:right 以便按钮显示在 div 的右侧>.

div.fixed {
  position: fixed !important;
  top: 45px !important;
  right: 0px !important;
  width: 300px;
  text-align:right;
}

<div class="fixed">
  <input type="button" onclick="location.href=document.referrer; return false;" value="Previous Page" />
</div>

作为旁注，您通常希望尽可能避免使用 !important。有时，例如在使用某些第三方插件时，这可能是不可能的，但如果您可以更具体地覆盖样式，那将比 !important 更可取。