移動(dòng)端網(wǎng)頁怎么讓按鈕在底部，或者與底部有少許距離

可以使用flexbox布局。

參考 http://f2ex.cn/flexbox-sticky...

<style>
        *{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        html,body{
            width: 100%;
            height: 100%;
        }
        .box{
            width: 100%;
            height: 100%;
            background-color: aqua;
        }
        .content{
            height: 80%;
            background-color: red;
        }
        .btn{
            height: 20%;
            padding-top: 5%;
            text-align: center;
        }
        button{
            width: 30%;
            height: 50%;
        }
    </style>

<div class="box">
        <div class="content"></div>
        <div class="btn">
            <button>btn</button>
        </div>
    </div>

或者 flex,思路是一樣的，分成兩塊就可以了

.box{
    display:flex;
    flex-firection-column;
}
.content{
    flex:1;
}
.btn{
    height:100%;
}