博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web中的position的意思理解
阅读量:4624 次
发布时间:2019-06-09

本文共 902 字,大约阅读时间需要 3 分钟。

static:

元素根据文档的正常流程定位。的top,right,bottom,left,和z-index性能有任何影响。这是默认值。

relative:

该元件根据文档的正常流动定位,然后偏移相对于它本身的基础上的值toprightbottom,和left。偏移量不会影响任何其他元素的位置; 因此,页面布局中为元素给出的空间与位置相同static

当值不是时,此值将创建新的叠堆上下文。它在影响,,,,和元素是不确定的。

absolute;

该元素将从普通文档流中删除,并且不会为页面布局中的元素创建空间。它相对于其最近的祖先(如果有的话)定位; 否则,它相对于初始包含快放置。其最终位置是由的值确定的toprightbottom,和left。当值不是时,此值将创建新的叠堆上下文。绝对定位框的边距不会与其他边距一起折叠。

fixed:

该元素将从普通文档流中删除,并且不会为页面布局中的元素创建空间。它相对于所述初始位置包含快通过所建立的视口除了当它的祖先中的一个具有,transformperspective,或filter属性设置为比其他的东西none,在这种情况下祖先表现为包含块。(请注意,存在与浏览器的不一致性perspectivefilter有助于包含块的形成。)其最终位置是由的值确定的toprightbottom,和left。此值始终创建新的叠堆上下文。在打印文档中,元素放置在每个页面上的相同位置。

sticky:

该元件根据文档的正常流动定位,然后偏移相对于它的最近的祖先滚动和包含块(最接近的块级祖先),包括表相关的元素的基础上的值toprightbottom,和left。偏移量不会影响任何其他元素的位置。此值始终创建新的叠堆上下文。需要注意的是粘性元素“大棒”,以具有“滚动机制”,其最近的祖先(创建时overflowhiddenscrollauto,或overlay),即使祖先是不是最近的实际滚动的祖先。这有效地抑制了任何“粘性”行为。

转载于:https://www.cnblogs.com/Jakeyang/p/9713765.html

你可能感兴趣的文章
vue中使用自定义金额格式化组件,对金额进行千分位格式化
查看>>
STM32 printf函数
查看>>
反射获取类结构信息
查看>>
玩转JavaScript正则表达式
查看>>
hiberbnate 缓存策略概述
查看>>
python学习day25 接口类 抽象类 多态 封装
查看>>
同一场景下多个图层之间的调用
查看>>
【4OpenCV】OpenCV和RTSP的综合研究
查看>>
ajaxFileUpload 异步上传数据
查看>>
图书馆管理需求分析
查看>>
Vuforia添加虚拟按键
查看>>
状压$DP$练习
查看>>
题解 P1944 最长括号匹配_NOI导刊2009提高(1)
查看>>
10.计算属性
查看>>
The C in C++
查看>>
tengine + lua 实现流量拷贝
查看>>
JVM 垃圾回收机制,何时触发 MinorGC 等操作
查看>>
第十五篇:C程序的存储空间布局
查看>>
[Swift实际操作]七、常见概念-(2)点CGPoint和变形CGAffineTransform的使用
查看>>
npm 安装包
查看>>