position 的值， relative 和 absolute 分别是相对于谁进行定位的？

原创于 2024-03-09 11:20:08 发布 · 570 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

本文介绍了HTML/CSS中四种基本的元素定位方式：absolute（相对于非static父元素），fixed（依赖浏览器窗口），relative（相对于自身在流中的位置），static（默认，无定位），以及新兴的sticky（根据文档流计算）。特别提到老版本IE对fixed的支持问题。

absolute : 生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。
fixed （老 IE 不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。
relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。
static 默认值。没有定位，元素出现在正常的流中
sticky 生成粘性定位的元素，容器的位置根据正常文档流计算得出

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嘘~！

关注关注

8
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

一文读懂css【css3】绝对（absolute）定位和相对（relative）定位相对定位是相对谁定位的绝对定位又是根据谁绝对定位的子绝父相包含块

念兮为美

07-31

6453

我们在开发的过程中，经常会使用到相对定位和绝对定位，但我们有时对这两个定位不是很熟悉，往往会弄混，分不清什么是相对定位，什么又是绝对定位。那么，这篇文章便详细解说他们的区别。相对定位是元素相对其起始位置的定位，那么什么是起始位置呢？绝对定位是相对包含块来定位的，那么，那么什么又是包含块？我们清楚，绝对定位有子绝父相这个词，那么，它是什么意思呢？这里的所有疑问，都会在这篇文章中，讲的非常清楚...

面试官：介绍一下CSS定位？absolute和relative分别依据什么定位？

upgrade_bro的博客

09-01

976

取值名称效果static静态定位(默认值)元素按照标准流布局(不脱标), top、bottom、left 、right等属性不起作用relative相对定位元素按照标准流布局(不脱标)，可以通过top、bottom、left 、right进行定位，定位参照对象是自身在标准流布局中的位置absolute绝对定位元素脱离标准流（脱标），可以通过top、bottom、left 、right进行定位，定位参照对象是最邻近的祖先定位元素，如果找不到这样的父级元素，参照对象是视口。

参与评论您还未登录，请先登录后发表或查看评论

position的值， relative和absolute分别是相对于谁进行定位，你真的知道吗？