position的值，relative和absolute分别相对于什么定位

最新推荐文章于 2024-03-09 11:20:08 发布
原创 最新推荐文章于 2024-03-09 11:20:08 发布 · 2.3k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端面试

当前文章被收录于：

前端面试
54 篇文章 4 人学习
订阅专栏 查看详情
CSS

当前文章被收录于：

CSS
29 篇文章 0 人学习
订阅专栏 查看详情
本文详细介绍了CSS中的五种定位方式：absolute、fixed、relative、static和sticky。每种定位方式都有其独特之处，如absolute和fixed生成绝对定位元素，relative生成相对定位元素等。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看
absolute：生成绝对定位的元素， 相对于最近一级的定位不是 static 的父元素来进行定位。

fixed：（老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。

relative：生成相对定位的元素，相对于其在普通流中的位置进行定位。

static： 默认值。没有定位，元素出现在正常的流中

sticky：生成粘性定位的元素，容器的位置根据正常文档流计算得出

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看
标签
#定位 #position #absolute #relative
Akka scala
11-15
AKKA scala 比较不错的参考书
arm64-v8a架构的opencv库
03-24
移植opencv到android下，现编译的架构为arm64-v8a。。。。。。。。。。。。。。。。。。。。
LoRA学习： SX1276/SX1277/SX1278对比
HowieXue 薛永浩的博客
09-14 1万+
Lora芯片 SX1276/SX1277/SX1278的比较SX1276/7/8是一种半双工传输的低中频收发器，配备标了标准FSK和远距离扩频Lora调制解调器。该芯片可以用于超长距离的Lora扩频通信，并且抗干扰性强，同时达到低功耗要求。1、芯片关键参数对比： 可以看出SX1276的带宽范围为 7.8~500kHz ，扩频 因子6~12，并覆盖所有可用频段。 SX1277的带宽和频段方位与 S
position的值，以及absolute和relative的区别
My_Soul_的博客
12-30 1319
关于 relative 和 absolute 的区别，主要是它们的定位参照点不同。relative 元素的定位参照点是它在正常流中的位置，而 absolute 元素的定位参照点是最近的已定位父元素（如果没有已定位的父元素，则参照点是 initial containing block）。此外，absolute 元素会脱离正常文档流，而 relative 元素不会。
相对定位、绝对定位与固定定位
weixin_46704556的博客
05-05 3818
1. 定位 1.1 相对定位（relative) ​ 相对定位是元素在移动位置的时候，是相对于它原来的位置来说的; 特点： ​ 它是相对于自己原来的位置来移动的（移动位置的时候是参照点是自己原来的位置）； ​ 原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待它（不脱标，继续保留原来的位置） { position: relative; top: ; left: ; right: ; bottom: ; } 1.2 绝对定位（absolute)（子绝父相）
position属性absolute与relative 详解
weixin_34352005的博客
07-15 2543
最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记。一.解读absolute与relative http://www.blueidea.com/tech/web/2006/4249.asp很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，r...
绝对定位和相对定位详解
热门推荐
langyixuan的博客
05-14 1万+
一：绝对定位 position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。 绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-index属性来控制这些层的对方顺序。 #box_relative { position: absolute; left: 30px; top: 20px; } 二：相对定位 position: relative
position的值， relative和absolute分别是相对于谁进行定位，你真的知道吗？
yiyueqinghui的博客
09-19 1万+
常见的position定位方式如下: static 默认值。元素出现在正常的普通流中 relative 生成相对定位的元素，相对于其在普通流中的位置进行偏移。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 iframe 进行定位。 inherit 继承父元素的position属性，但需要注意的是IE8以及往前的版本都不支持inherit属性。 absolute 生成绝对定位的元素， 相对于最近一级的 不是 static 的父元素来进行定位,如果没有找到的话，最
position的值， relative和absolute分别是相对于谁进行定位的
angybaby97的博客
08-20 5025
absolute :生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。 static 默认值。没有定位，元素出现在正常的流中 sticky 生成粘性定位的元素，容器的位置根据正常文档流计算得出
Position的值有哪些？relative和absolute分别是相对于谁进行定位的？
weixin_45574166的博客
12-09 1544
1.absolute 生成绝对定位的元素，相对于最近的一级的定位，不是static的父元素进行定位（是相对于离它最近的一个已定位的盒子进行定位的，默认是body。position必须是absolute或者relative的祖先元素） 2.fixed 生成绝对定位元素，通常相对于浏览器窗口或者frame进行定位。 3.relative 生成先对定位的元素，相对于普通流中的位置进行定位（相对于本元素原始位置进行定位）。 4.static 默认值，没有定位，元素出现在正常流中。 5.sticky 生成粘性
position 的值， relative 和 absolute 分别是相对于谁进行定位的？
zzx262625的博客
03-09 658
absolute : 生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed （老 IE 不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。 static 默认值。没有定位，元素出现在正常的流中 sticky 生成粘性定位的元素，容器的位置根据正常文档流计算得出
多种制冷剂压焓图查询软件
07-19
各种制冷剂压焓图查询，方便快捷，可根据设置的制冷系统参数自动画图，并表格形式给出各状态点参数
《RIP和OSPF路由协议的配置及协议流程》实验报告
01-03
《RIP和OSPF路由协议的配置及协议流程》实验报告
GSX250R_ABS款中文使用说明书
01-19
pdf版本GSX250R_ABS款中文使用说明书，原版说明书的pdf，清晰可靠。pdf版本GSX250R_ABS款中文使用说明书，原版说明书的pdf，清晰可靠。
写出display的值，说明各自的作用？请写出position的值 relative和absolute分别是相对于谁进行定位的？
kobezzZ的博客
08-01 460
display 的值的作用： 1.block 块类型元素。 2.inline 行内元素类型。 3.inline-block 行内块元素类型。 4.list-item 象块类型元素一样，并添加样式列表标记。 position 的值的定位区别： 1.absolute 生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。 2.fixed 生成绝对定位的元素，相对于浏览器窗口进行定...
position的值， relative和absolute分别是相对于谁进行定位的？ absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fi
qq_36357249的博客
01-16 2345
position的值， relative和absolute分别是相对于谁进行定位的？ absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。
列出display的值，说明他们的作用。position的值， relative和absolute分别是相对于谁进行定位的？...
09-11 361
diaplay取值有： block :设置元素以块样式显示 inline：设置元素以行内形式显示 inline-block：向行内元素一样显示，但内容向块级元素一样 none：隐藏元素，在页面中不占据空间 list-item：向块级一样显示，但添加列表样式 position的...
使用position定位元素
小贾爱编程的博客
03-22 366
div定位中position的使用说明： 共四个选项：static、absolute、relative和fixed。其中absolute和relative最为常用。 使用absolute定位： position：absolute；表示字块已经不再属于父块了，字块左边框的位置是相对于页面<body>左边的边距，字块上边框是相对于<body>上边框的位置。 <!...
CSS之position详解
BlizzardWu的博客
05-25 7697
定义和用法 position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 position属性有五个可选值，分别是absolute、fixed、relative、static、inherit： absolute: 生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。元素的位置通过left、top、right以及bottom属性进行规定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值