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.deltonagov.com</p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                        </div>

                        <div class="footer">

                            <p>Footer</p>

                        </div>

                    </div>

                </body>


                </html>


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

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

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

                豫ICP備19030104號

                成人免费视频一区二区三区_国产精品亚洲一区二区在线观看_国产在线视频二区_小明免费视频一区二区