html - 以“绝对”定位的文本框在窗口调整大小时移出位置

Question

我有一个使用以下代码在主窗体之外创建的文本框：

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

然后我尝试使用以下 CSS 来定位所述文本框：

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

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