HTML CSS JS Header Footer位置固定

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



數(shù)據(jù)庫學(xué)習(xí) 【2023-10-24 08:37】


<!DOCTYPE html>

<html>


<head>

    <meta charset="utf-8" />

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

    <title>跨平臺移動應(yīng)用</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>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

            <p>信陽市速全網(wǎng)絡(luò)科技有限公司-https://w8848pk.com</p>

        </div>

        <div class="footer">

            <p>Footer</p>

        </div>

    </div>

</body>


</html>


友情鏈接:
SQL數(shù)據(jù)庫修復(fù)專家
SQLDBRepair
  • 關(guān)注微博
    聯(lián)系QQ
  • 二維碼
  • 掃一掃加關(guān)注

——信陽市速全網(wǎng)絡(luò)科技有限公司——

版權(quán)所有:信陽市速全網(wǎng)絡(luò)科技有限公司

豫ICP備19030104號