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

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

            <p>信阳市速全网络科技有限公司-https://wwww.linlaoban8.com</p>

        </div>

        <div class="footer">

            <p>Footer</p>

        </div>

    </div>

</body>


</html>


友情链接:
SQL数据库修复专家
SQLDBRepair
  • 关注微博
    联系QQ
  • 二维码
  • 扫一扫加关注

——信阳市速全网络科技有限公司——

版权所有:信阳市速全网络科技有限公司

豫ICP备19030104号

av天堂中文版,欧美老熟妇又粗又大,进口免费偷拍网站,成人免费无码大片a毛在线,色婷婷亚洲婷婷亚洲最大,69国产精品自拍,老熟妇仓乱色网视频一区二区,淫骚大屁股艹穴Av在线,东京热av影院,亚洲国产色欲AV一级毛片片,国产色网在线观看,日本一区色网