css的position定位属性中：absolute与fixed的区别

web前端|css教程

position,absolute,fixed,css,定位

web前端-css教程

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

js 调色板 源码,vue和vscode有什么区别,ubuntu 类似rpm,tomcat共享文件夹,日本爬虫族,php要用什么打开,麻涌seo优化关键词lzw

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

棋牌游戏源码大放送,ubuntu 安装指定目录,爬虫去重redis,php muls,站长软件seolzw

这里给个例子：

c语言推箱子源码,vue3插件开发vscode,ubuntu 硬件信息,tomcat导出eclipse,sqlite转换整数,网页设计与ui设计的区别,服务器更换ip地址,font插件,前端etl框架,爬虫快饿死,库存php,智能家居seo,springboot开源吗,智能网站管理系统教程,淘宝客网页打不开,简单模板图片,网站后台登陆密码破解,手机页面基础样式,社区物业管理系统论文,图像特征匹配程序lzw

div{ width:100px; height:100px; background:green;}#left{ left:0px; top:100px; position:absolute;}#right{ right:0px; top:100px; position:fixed;}

absolute

fixed

原始页面是这样的：

当向下拖动了滚动条时，效果是这样的：

变化很明显。