css的position中absolute和fixed的区别

fixed:固定定位

absolute:绝对定位

 

区别很简单:

1、没有滚动条的情况下没有差异

2、在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动

 

常用场合:

1.fixed常用于网站边缘的公司联系方式和快速回到顶部

2.absolute常用于页面

 

、、、、、、、、、、、、、、、、、、、、、、、

我们知道,css的position定位属性中,表示绝对定位的有两个值,值absolute与值fixed。

都是绝对定位,二者有一致性,也有不同点。那么二者的区别是什么呢?那就是position的fixed值定位的元素会固定在原来的位置不变,不管你如何拖动滚动条,元素都不会改变位置,这从fixed这个英文单词的意思也可以看出,“固定的,不变的,固执的”。而absolute正好相反,拖动滚动条时元素会随着改变位置。

 

posted on   小甜瓜安东泥  阅读(2728)  评论(0编辑  收藏  举报

(评论功能已被禁用)
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
历史上的今天:
2018-02-22 ORA-12505, TNS:listener does not currently know of SID given in connect desc
2018-02-22 The Network Adapter could not establish the connection
2018-02-22 Shell中的>/dev/null 2>&1 与 2>&1 >/dev/null 与&>/dev/null 的区别
2018-02-22 linux的%用法
2018-02-22 Linux shell 脚本中, $@ 和$# 分别是什么意思?
2018-02-22 linux的bash与sh的区别
2018-02-22 js如何去除多个cookie?
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示