1. <p id="yhnpu"></p>

        HTML CSS JS Header Footer位置固定

        將header固定在頁頂,footer固定在底部



        數據庫學習 【2023-10-24 08:37】


        <!DOCTYPE html>

        <html>


        <head>

            <meta charset="utf-8" />

            <meta name="viewport" content="width=device-width, initial-scale=1">

            <title>跨平臺移動應用</title>


        </head>

        <style>

            .header {

                position: fixed;

                left: 0;

                top: 0;

                width: 100%;

                background-color: rgb(186, 166, 116);

                color: white;

                text-align: center;

            }


            .footer {

                position: fixed;

                left: 0;

                bottom: 0;

                width: 100%;

                background-color: rgb(132, 150, 129);

                color: white;

                text-align: center;

            }

        </style>


        <body>

            <div id="fcontain">

                <div class="header">

                    <p>

                        header</p>

                </div>

                <div>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                    <p>信陽市速全網絡科技有限公司-https://wwww.mynosedoc.com</p>

                </div>

                <div class="footer">

                    <p>Footer</p>

                </div>

            </div>

        </body>


        </html>


        友情鏈接:
        SQL數據庫修復專家
        SQLDBRepair
        • 關注微博
          聯系QQ
        • 二維碼
        • 掃一掃加關注

        ——信陽市速全網絡科技有限公司——

        版權所有:信陽市速全網絡科技有限公司

        豫ICP備19030104號

        一区在线看,亚洲视频在线网,欧美一级免费片,日韩欧美一区二区久久