使用'Absolute'定位的文本框在窗口调整大小时移动到位

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做错了什么？