Html 使用'定位的文本框；绝对值'；是否在调整窗口大小时移动到不合适的位置

我在主窗体外创建了一个文本框，其代码如下：

 <div class = "Box">
  <form action="javascript:someThing()">
   <input type="text" id="RandomID" />
  </form>
  </div>

---

我确信这是CSS绝对定位我的文本框所需要的。但是，在调整窗口大小或缩放窗口时，文本框会移动到远处，而不会与页面的其余元素保持在同一位置。我的CSS做错了什么？

你认为

底部：50%；右：20%

do？根据百分比而不是使用“px”来定位div，从而允许div在调整大小时保持其在页面中的位置。好的，那么您的问题是什么？为什么应该在调整大小期间移动的div实际上在调整大小期间移动？不，只是为什么它不能像应该的那样与页面的其余部分一起移动。相反，它会移动到很远的地方，而且不合适。你能做一把小提琴吗？

  div.Box
{
 position: absolute;
 bottom: 50%;
 right: 20%;
}