Html 调整窗口大小时，将按钮div保持在静态位置

我对css和html是相当陌生的，所以在调整窗口大小时，我在定位那些停留在那个位置的div时遇到了一些问题。 如果我能帮我在我的网站上定位一个按钮，同时在调整窗口大小时保持它的静态，那就太好了

以下是链接：

请注意，调整窗口大小时，POST按钮是如何移动的。我如何使它在身体边缘保持静止

谢谢

HTML:

---

将该按钮放在其上方的div内，然后调整主体以不隐藏溢出

<div class = "body"><span class = "bodyt" contenteditable = "true">And a little more explanation, please!</span>
  <div class = "buttoncontainer">
  <a href="#" class="postbutton">Post</a>
  </div>
</div>

请再解释一下！

一旦按钮包含在父实体中，它将作为该元素的一部分移动和行为。您将不得不在设计中稍微调整一下布局，但总体解决方案就在这里

试试这个

.wrapper{
    width:500px;
    margin:0 auto;
    position: relative;
}

试试这个：

.buttoncontainer{
width: 500px;
margin: 0 auto;
position: relative;
}

它应该会解决它

---

这是因为当前div具有自动边距，当您调整窗口大小时，它会更改边距。

这就是您要找的吗？谢谢我喜欢这个答案，但是，因为这个解决方案，它会把标题和正文上的“margin:0auto”属性搞砸，这是我不想要的@用户3267592谢谢！这正是我想要的答案。

.wrapper{
    width:500px;
    margin:0 auto;
    position: relative;
}

.buttoncontainer{
width: 500px;
margin: 0 auto;
position: relative;
}