资讯专栏INFORMATION COLUMN

css中postion的fixed和absolute区别

DesGemini / 1355人阅读

摘要:一直对的几个定位方式不是特别理解,记录下固定定位,参照位置是浏览器窗口的左上角,即坐标点为绝对定位,参展位置是离当前元素最近的定位方式为的祖先原则的左上角,举个例子我的参照坐标是通过上面的例子,可知的绝对定位参照点是的父元素是静态的定位,不

一直对positon的几个定位方式不是特别理解,记录下

  

fixed
固定定位,参照位置是浏览器窗口的左上角,即坐标点为(0px, 0px)

  

absolute
绝对定位,参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角,举个例子

我的参照坐标是id=p2

通过上面的例子,可知h2的绝对定位参照点是id=p2的父元素,p3是静态的static定位,不能当作定位点

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49484.html

相关文章

  • csspostionfixedabsolute区别

    摘要:一直对的几个定位方式不是特别理解,记录下固定定位,参照位置是浏览器窗口的左上角,即坐标点为绝对定位,参展位置是离当前元素最近的定位方式为的祖先原则的左上角,举个例子我的参照坐标是通过上面的例子,可知的绝对定位参照点是的父元素是静态的定位,不 一直对positon的几个定位方式不是特别理解,记录下 fixed 固定定位,参照位置是浏览器窗口的左上角,即坐标点为(0px, ...

    Genng 评论0 收藏0
  • CSS Position(定位)

    摘要:定位的起始位置为此元素原先在档流的位置。忽略和从父元素继承该属性的值以上的和可以使得元素脱离文档流。绝对定位脱离档流的布局,遗留下来的空间由后的元素填充。默认定位表示此元素为默认定位式。 Position(定位) position可以取五个值 参数 描述 absolute 绝对定位;脱离⽂档流的布局,遗留下来的空间由后⾯的元素填充。定位的起始位置为最近的⽗元素(postio...

    lpjustdoit 评论0 收藏0
  • 详解 CSS 属性 - position

    摘要:属性定义了一个元素在页面布局中的位置以及对周围元素的影响。元素将会脱离正常的文档流,所以其周围的元素将会忽略它的存在。此时,我们可以使用等属性对元素进行绝对定位。一般情况下定义两个属性,或或。 postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值: position: absolute position: relative position...

    joywek 评论0 收藏0
  • 详解 CSS 属性 - position

    摘要:属性定义了一个元素在页面布局中的位置以及对周围元素的影响。元素将会脱离正常的文档流,所以其周围的元素将会忽略它的存在。此时,我们可以使用等属性对元素进行绝对定位。一般情况下定义两个属性,或或。 postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值: position: absolute position: relative position...

    CastlePeaK 评论0 收藏0
  • CSS学习笔记之定位

    摘要:的盒子及相关盒子基础,,版式边框。可以设置盒子内容区与边框的间距。将其设为则其空间可以被复用。把图片调整到像素宽,像素高。拉大图片,使其完全填满背景区保持宽高比。简写简写后可以添加多张背景图片,用,隔开,最先添加的在上层 CSS的盒子及相关 盒子基础 postion,float,display——版式  边框(border)。可以设置边框的宽窄、样式和颜色。  内边距(pa...

    Lavender 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<