请问mobile web还有更优雅的在手机键盘上方显示内容的方式吗？

Question

position：fixed;bottom: 0;完美解决

。。。我我使用 height:100%;display:flex; align-self:end 麻烦了半天，

发现一个position：fixed;bottom: 0;完美解决

我使用 height:100%;display:flex; align-self:end;解决的

*{

    margin:0;

    padding:0;

}

html,body{

    height: 100%;

}

.rowFlex {

    display: flex;

    flex-direction: row;

}

.colFlex {

    display: flex;

    flex-direction: column;

    align-items: center;

}

<div id="app" class="colFlex" style="width: 100%;height: 100%">

    <div class="rowFlex" style="width: 100%;height: 100%" >

        <input type="text" style="height: 10px">

        <div style="align-self: flex-end;background: red;">123</div>

    </div>

</div>