关于position的一些问题

Posted gogogoing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于position的一些问题相关的知识,希望对你有一定的参考价值。

 position属性:
  static:静止
  relative:相对的
  fixed:固定的
  absolu:绝对的

position的一些实例子如下:

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS文件/例子6.css">
</head>
<body>
        <div class="box" id="one">One</div>
        <div class="box" id="two">Two</div>
        <div class="box" id="three">Three</div>
        <div class="box" id="four">Four</div>
        <div id="id"></div>
       
   
</body>
</html>
CSS:
.box {
    display: inline-block;/*直接让块元素设置为内联对象*/
    width: 100px;
    height: 100px;
    background: red;
    color: white;
  }
  #one{
    position: static;
  }
  #two {
    position: relative;/*relative的位置是基于原来的位置*/
    top: 1000px;
    left: 20px;
    background: blue;
  }
  #three{
      position: fixed;/* fixed简单描述:固定定位是将某个元素固定在浏览器的某个确定的位置,不随滚动条的移动而变化;

      注意:固定定位的位置是相对于前一个位置的;*/
      top: 200px;
      left: 500px;
      background: yellow;
  }
  #four{
    position: absolute;/*absolute相对于前一个位置的*/
    top: 20px;
    left: 700px;
  }
 
 
 

 






以上是关于关于position的一些问题的主要内容,如果未能解决你的问题,请参考以下文章

我不断收到关于 discord.js 中 .position 的错误

关于position:fixed在ios上通用的解决方法

ViT 微调时关于position embedding如何插值(interpolate)的详解

ViT 微调时关于position embedding如何插值(interpolate)的详解

关于position:fixed的注意点

position 定位的一些问题