Html Can'；t在移动浏览器中，将div/text区域保持在移动键盘的顶部

我有以下div代码：

HTML

<div id="input">
     <table id="submit">
         <tr>
             <td>
                 <form id="one">
                     <textarea id="one_inside"></textarea>
                 </form>
             </td>
             <td>
                 <input "submit_two" type="button"/>
             </td>
         </tr>
     </table>
</div>

---

但是，当键盘聚焦并阻挡视图时，它总是会挡住文本区域。我怎样才能始终将div放在手机浏览器的底部，而不是键盘的顶部，从而不妨碍浏览？

@HunterTurner你真的能帮我吗？@HunterTurner你真的能帮我吗？

#input{
    border: solid black 1px;
    position: fixed;
    background-color: white;
    bottom:0;
    left:0;
    width:100%;
    height:12%;
}
#submit{
    width: 100%;
}
#one_inside{
    float: left;
    position:relative;
    width:100%;
    font-size: 15px !important;
}