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

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

發(fā)現(xiàn)一個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>