分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

web中的position的意思理解

发布时间:2023-09-06 02:16责任编辑:沈小雨关键词:暂无标签

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),即使祖先是不是最近的实际滚动的祖先。这有效地抑制了任何“粘性”行为。

web中的position的意思理解

原文地址:https://www.cnblogs.com/Jakeyang/p/9713765.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved