小橙子
新手
新手
  • 最后登录2023-04-14
  • 发帖数11
阅读:3339回复:0

CSS定位 position属性

楼主#
更多 发布于:2023-02-02 14:42
定位:position


在CSS中关于定位的内容是:position:relative | absolute | static | fixed。

    属性值:
         static:静态定位(无定位)默认值
               在此定位方式中设置:top,bottom,left,right,z-index 这些属性都是无效的。


         relative:相对定位
              1.相对于自己(即没有设置定位前的位置)
              2.不会脱离标准文档流,原来的位置不会变
              3.一般用于给绝对定位当属性使用


         absolute:绝对定位
              1.脱离文标准档流,不占据位置
              2.相对于最近的已定位的祖先元素,如果没有祖先元素,相对于当前窗口


注:定位元素层叠顺序高于普通元素


          fixed:固定定位
              1.脱离标准文档流,不占据位置
              2.相对于窗口
          固定定位的特点就是:无论如何滑动页面,固定定位的元素位置都不会被改变,完全脱离文档流。
              另外,如果设置了固定定位的元素也设置了width或height的百分比值,那么此百分比的值是参照窗口宽高来计算的。


           z-index属性:
                  z-index属性是设置元素的层级,数值低的会被数值高的遮住。


           


游客


返回顶部

公众号

公众号