Css 如何修复引导容器中的元素？

我在引导容器的右边有一个固定的按钮

但在高分辨率下，按钮移动到引导容器之外，因为它是相对于主体而不是容器固定的

注意：它必须是固定的（不是绝对的），因为我不希望它和窗口一起滚动

代码如下：

   <div class="body">
    <h1>Body</h1>
      <div class="container">
      <h1>Container</h1>
        <a href="#" class="fixed-btn">Enquire Now</a>
      </div>
    </div>

是否可以将其固定在引导容器中？所以它不会移动到容器外

---

查看实时代码。

一种可能性是使用

calc

.fixed-btn {
  position: fixed;
  left: calc(50% + (400px/2)) ;
}

在这种情况下，400px（来自您的演示）将是基于引导中各种宽度的容器宽度

您必须在每次媒体查询中对此进行调整

---

一种可能性是使用

calc

.fixed-btn {
  position: fixed;
  left: calc(50% + (400px/2)) ;
}

在这种情况下，400px（来自您的演示）将是基于引导中各种宽度的容器宽度

您必须在每次媒体查询中对此进行调整

---

不要使用固定，请使用绝对。谢谢你，但它必须是固定的（不是绝对的），因为我不希望它随窗口滚动。不要使用固定，请使用绝对的。谢谢你，但它必须是固定的（不是绝对的），因为我不希望它随窗口滚动。非常感谢@Paulie_D。你救了我一天！：）非常感谢@Paulie_D.你救了我一天！：）