ios 键盘弹出输入框与键盘之间有灰色区域？

Question

如下图：

html结构代码如下：

<header></header>
<div id="container"></div>
<footer></footer>

css代码结构如下：

header {
        width: 100%;
        padding: 5px 0;
        height: 40px;
        line-height: 40px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        position: absolute;
        top: 0;
        left: 0;
    }
    
    footer {
        background: #fff;
        box-shadow: 0 -1px 3px rgba(0, 0, 0, .1);
        height: 50px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
    }
    
    #container{position: absolute; top: 51px; bottom: 0; overflow-y: scroll; -webkit-  overflow-scrolling: touch;}

求解这是什么情况呢？