css - 键盘弹出后，原本absolute底部固定栏被顶起

Question

h5页面有个固定的顶部，当输入框输入焦点的时候，软键盘出来，原本的底部被顶起来了，显示在手机键盘的上面，有没有简单设置样式可以解决的方法。

Answer 1

获取焦点的时候改为relative 或者不定位

Answer 2

不要使用absolute定位，低版本会有问题，还有一个是要注意你的html结构，定位的不要被包裹起来了

Answer 3

常用键盘弹出的时候隐藏fiexd元素，键盘消失显示来优化

Answer 4

底部的状态栏用fixed定位

Answer 5

尽量还是别用定位 很容易出问题 就按照 自上而下的结构写 输入法弹出就不会影响