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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        </div>

        <div class="footer">

            <p>Footer</p>

        </div>

    </div>

</body>


</html>


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

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

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

豫ICP備19030104號

人妻无码久久精品中文字幕_小次郎av收藏家_国产午夜精品久久精品_亚洲色大成网站www久