HTML CSS JS Header Footer地位規定

將header比較固定位置在頁頂,footer比較固定位置在下面



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


<!doctype html>

<html>


<head>

    <meta charset="utf-8" /&gt;

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

    <title>kuapingtaiyidongyingyong</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">

&nbsp;       &lt;div class="header">

            <p&gt;

                header</p>

        </div>

        <div>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

       ;     <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p&gt;

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

        &nbsp;   <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            &lt;p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

 ;         &nbsp; <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

  &nbsp;         <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

    &nbsp;       <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <;p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

  &nbsp;       &nbsp; <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

          &nbsp; <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

          &nbsp; <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

  &nbsp;         <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

&nbsp;           <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com&lt;/p>

            <;p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

&nbsp;           <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

  &nbsp;         <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

       ;     <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

        &nbsp;   <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

  &nbsp;         <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

&nbsp;           <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

&nbsp;           <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

      &nbsp;     <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com<;/p&gt;

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

       ;     <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

  &nbsp;         <;p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

    &nbsp;       <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            &lt;p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

  &nbsp;     &nbsp;   <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

 ;      ;     <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p&gt;

  &nbsp;         <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

          &nbsp; <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

        &nbsp;   <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com&lt;/p>

&nbsp;           <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

&nbsp;         &nbsp; <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

          &nbsp; <p&gt;xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

            <p>xinyangshisuquanwangluokejiyouxiangongsi-//wtwjitm.com</p>

        </div>

&nbsp;       <div class="footer">

            <p>footer</p>

        </div>

    </div>

</body>


</html>


友情鏈接:

  • 二維碼
  • 掃一掃加關注
——信陽市速全無線網絡科枝有效工司—— 著作權法所以:信陽市速全網咯新材料技術不多單位
在线中文字幕日韩_久久777国产线看是看精品_视频亚洲一区_亚洲一区二区精品