手机页面底部浮动的按钮

提交按钮

html

<div id="footer"> 
     <button>提交button>
div>

sass

    #footer {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        z-index: 10;
        max-width: 750px;    
        width: 100%;
        height: 110px; /*px*/
        // left: 0;
        bottom: 0;
        background:  #fff;
        margin: auto;
        button {
            flex: 0 1 auto;
            width: 80%;
            height: 70%;
            color: #fff;
            background-color: #40B0FC;
            font-size: 35px;
            border-radius: 10px;
            border: none;
            outline: none;

        }
    }

你可能感兴趣的:(web前端,css,HTML)