Javascript 点击文本框后，手机页面将转到上方

我正在建立一个有移动分支的网站。 我成功地构建了这个网站，因为许多来自PC的浏览器都可以采用相同的视图，并且工作正常

现在，我正着手建立这个网站，因为手机可以从手机chrome或Firefox mobile浏览该网站。我这么做了，但我面临一个小问题

网站的许多页面都有文本框，如果你用手机点击它，你就会知道这些文本框 -例如galaxy note 2-软键盘将在屏幕上显示自己，在此过程中会发生两件事：

1-屏幕将自动缩放，直到到达您单击的特定文本框。 解决方案：我通过这个命令解决它 ，因此现在屏幕不会自动缩放

2-如果我有一个包含文件的页面，主div将改变他的位置，直到到达上面的div-包含文件-并且大厅页面将不被订购

首先，我将向她简要介绍我的意思：

注意：我的后端是使用Yii框架的php，仅供参考^_*

page.php：

    <div id="div1" style="width:100%;position:relative;margin-bottom: 10px"><?php 

       if (Yii::app()->user->isGuest)
      include 'flash.php'; ?></div>


      <div id="div2" style="width:100%;position:relative;margin-bottom: 10px">
     <form action="getup" method:"post"> 
     <input type="text"  name="text1" >
     <input type="text" name="text2" >
     // submit button

      </form>

//提交按钮

现在，在这段简短的代码之后，我将向您展示到底发生了什么，当从移动chrome浏览器浏览页面时，页面将被排序，但如果您单击任何文本框（例如text1），发生的情况是DIV2将自身移动到DIV1上方 -包括文件-因为软键盘会在屏幕的后半部分显示它自己

在这个例子之后，我将反对我的问题：

---

我的问题是：是否有任何代码（CSS或Java脚本）会停止DIV2在软键盘在移动屏幕上显示自己后的上升过程？

也许这种行为与您正在使用的CSS有关？尝试从内联样式中删除

position:relative

，可能会有所帮助。另一件事是，输入应该是自结束标记，并且缺少div2结束标记。您不需要将div标记的宽度设置为100%，因为这是它的默认值。

这个示例只是为了让您简要了解我的问题，代码不是这样的，即使您根据需要修改代码，问题仍然存在，软键盘是IOS安卓系统的一部分。嗯，我试着使用Z索引，但它对我来说不是一个好的选择