固定定位（HTML、CSS）

约定不等于承诺〃 2023-10-03 13:17 108阅读 0赞

固定定位（HTML、CSS）

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>固定定位</title>
  8.     <style>
  9.         .dj {
  10.             position: fixed;
  11.             top: 0;
  12.             right: 0;
  13.             /*   右上角 */
  14.         }
  15.     </style>
  16. </head>
  18. <body>
  19.     <div class="dj">
  20.         <img src="https://pic.imgdb.cn/item/61122e885132923bf836ccac.jpg" alt="">
  21.     </div>
  22.     <p>123</p>
  23.     <p>123</p>
  24.     <p>123</p>
  25.     <p>123</p>
  26.     <p>123</p>
  27.     <p>123</p>
  28.     <p>123</p>
  29.     <p>123</p>
  30.     <p>123</p>
  31.     <p>123</p>
  32.     <p>123</p>
  33.     <p>123</p>
  34.     <p>123</p>
  35.     <p>123</p>
  36.     <p>123</p>
  37.     <p>123</p>
  38.     <p>123</p>
  39.     <p>123</p>
  40.     <p>123</p>
  41.     <p>123</p>
  42.     <p>123</p>
  43.     <p>123</p>
  44.     <p>123</p>
  45.     <p>123</p>
  46.     <p>123</p>
  47.     <p>123</p>
  48.     <p>123</p>
  49.     <p>123</p>
  50.     <p>123</p>
  51.     <p>123</p>
  52.     <p>123</p>
  53.     <p>123</p>
  54.     <p>123</p>
  55.     <p>123</p>
  56.     <p>123</p>
  57.     <p>123</p>
  58.     <p>123</p>
  59.     <p>123</p>
  60.     <p>123</p>
  61.     <p>123</p>
  62.     <p>123</p>
  63.     <p>123</p>
  64.     <p>123</p>
  65.     <p>123</p>
  66.     <p>123</p>
  67.     <p>123</p>
  68.     <p>123</p>
  69.     <p>123</p>
  70.     <p>123</p>
  71.     <p>123</p>
  72.     <p>123</p>
  73.     <p>123</p>
  74.     <p>123</p>
  75.     <p>123</p>
  76.     <p>123</p>
  77.     <p>123</p>
  78.     <p>123</p>
  79.     <p>123</p>
  80.     <p>123</p>
  81.     <p>123</p>
  82.     <p>123</p>
  83.     <p>123</p>
  84.     <p>123</p>
  85.     <p>123</p>
  86.     <p>123</p>
  87.     <p>123</p>
  88.     <p>123</p>
  89.     <p>123</p>
  90.     <p>123</p>
  91.     <p>123</p>
  92.     <p>123</p>
  93.     <p>123</p>
  94.     <p>123</p>
  95.     <p>123</p>
  96.     <p>123</p>
  97.     <p>123</p>
  98.     <p>123</p>
  99.     <p>123</p>
  100.     <p>123</p>
  101.     <p>123</p>
  102.     <p>123</p>
  103.     <p>123</p>
  104.     <p>123</p>
  105.     <p>123</p>
  106.     <p>123</p>
  107.     <p>123</p>
  108.     <p>123</p>
  109.     <p>123</p>
  110.     <p>123</p>
  111.     <p>123</p>
  112.     <p>123</p>
  113.     <p>123</p>
  114.     <p>123</p>
  115.     <p>123</p>
  116.     <p>123</p>
  117.     <p>123</p>
  118.     <p>123</p>
  119.     <p>123</p>
  120.     <p>123</p>
  121.     <p>123</p>
  122.     <p>123</p>
  123.     <p>123</p>
  124.     <p>123</p>
  125.     <p>123</p>
  126.     <p>123</p>
  127.     <p>123</p>
  128.     <p>123</p>
  129.     <p>123</p>
  130.     <p>123</p>
  131.     <p>123</p>
  132.     <p>123</p>
  133.     <p>123</p>
  134.     <p>123</p>
  135.     <p>123</p>
  136.     <p>123</p>
  137.     <p>123</p>
  138.     <p>123</p>
  139.     <p>123</p>
  140.     <p>123</p>
  141.     <p>123</p>
  142.     <p>123</p>
  143.     <p>123</p>
  144.     <p>123</p>
  145.     <p>123</p>
  146.     <p>123</p>
  147.     <p>123</p>
  148.     <p>123</p>
  149.     <p>123</p>
  150.     <p>123</p>
  151.     <p>123</p>
  152.     <p>123</p>
  153.     <p>123</p>
  154.     <p>123</p>
  155.     <p>123</p>
  156.     <p>123</p>
  157.     <p>123</p>
  158.     <p>123</p>
  159.     <p>123</p>
  160.     <p>123</p>
  161.     <p>123</p>
  162.     <p>123</p>
  163.     <p>123</p>
  164.     <p>123</p>
  165.     <p>123</p>
  166.     <p>123</p>
  167.     <p>123</p>
  168.     <p>123</p>
  169.     <p>123</p>
  170.     <p>123</p>
  171.     <p>123</p>
  173. </body>
  175. </html>

发表评论

表情：
评论列表 （有 0 条评论，108人围观）

还没有评论，来说两句吧...

相关阅读