android 按钮底部显示,安卓底部按钮浮上来的解决方法

#### **使用position:fixed这个属性的话，在安卓手机里会浮上来，而苹果却不会。**

下面我们不使用position这个属性来做

HTML

~~~

提交

~~~

CSS

~~~

html,body{padding: 0;margin: 0;height:100vh}

.mui-content{height:100vh;display: flex;display:-ms-flex;display:-webkit-flex; flex-direction: column;}

.container-box{flex:1;-ms-flex:1;-webkit-flex:1}

.operate {

position: relative;

}

.operate .btn-submit {

width: 100%;

border-radius: .2rem;

height: 2rem;

color: #fff;

font-size: .8rem;

line-height: 1;

padding: 0;

letter-spacing: 1px;

border: 0;

background-color: #00aaee;

}

~~~