absolute和fixed的区别 css

最新推荐文章于 2024-04-12 00:00:00 发布
最新推荐文章于 2024-04-12 00:00:00 发布
阅读量167 收藏
点赞数
分类专栏： vue 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43795761/article/details/124676930
版权

区别：
在有滚动条的情况下，fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动。

fixed:经常用作 弹框，顶部导航栏，一键回到顶部的小按钮。
弹框（从最近在学的项目中截取）
返回按钮，不随滚动条而滚动
参考：https://blog.csdn.net/peng_da818/article/details/80639418?spm=1001.2014.3001.5506

weixin_43795761
关注
专栏目录
css position属性四个值：static、fixed、absolute和relative的区别和用法
mus-z的博客
02-10 650
参考：https://zhuanlan.zhihu.com/p/29207938 https://blog.csdn.net/tengliu6/article/details/52088743 1、static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 2、relative（相对定位）：生成相对定位的...
CSS定位static, relative, absolute, fixed, sticky
SongD1114的博客
05-16 722
CSS定位static, relative, absolute, fixed, sticky
absolute和fixed的区别
热门推荐
友人C君的博客
01-21 1万+
fixed:固定定位 absolute:绝对定位 区别很简单： 1、没有滚动条的情况下没有差异 2、在有滚动条的情况下，fixed定位不会随滚动条移动而移动，而absolute则会随滚动条移动 常用场合： 1.fixed固定定位，只针对浏览器窗口定位，上下左右，不会随着窗口大小改变，固定不变，例如固定位置的小广告，常用于网站边缘的公司联系方式和快速回到顶部 2.absol...
fixed和absolute的区别
weixin_34233856的博客
08-08 380
今天在实际项目中，写首页一屏的时候，发现页脚定位（position：absolute；）没有达到我想要的效果（不管屏幕大小，页脚始终相对浏览器底部定位）。于是我觉得有点奇怪，然而我旁边的小哥说：很明显你应该用（position：fixed；），于是连忙整理一下他俩的区别。 1、fixed--固定定位，参照位置是浏览器窗口的左上角。 　　2、absolute--绝对定...
absolute和fixed定位的区别
null
06-26 7049
两种定位的共同点：都会脱离当前文档流，触发BFC区别：相对定位的元素不同：absolute是相对于离它最近的有定位的父元素进行定位（如果没有定位的父元素则相对于浏览器窗口）；fixed是相对于浏览器窗口定位在有滚动条的页面中，absolute会跟随页面滑动，fixed不会滑动，始终固定在同一位置...
CSS中 absolute 与 fixed 的异同（示例代码）
最新发布
大剑师兰特的GIS世界
04-12 875
`position: absolute` 的元素会相对于最近的已定位（非 `static` 定位）祖先元素进行定位。如果这样的祖先元素不存在，则相对于初始包含块（通常是 `` 元素）定位。 - `position: fixed` 的元素则是相对于浏览器视口（viewport）进行定位，无论页面怎么滚动，它的位置始终不变。
css中postion的fixed与absolute区别详解
12-13
本文将详细解析`fixed`和`absolute`两种定位方式的区别，帮助你更好地理解和运用它们。 1. `fixed`固定定位： `fixed`定位是基于浏览器窗口进行定位的，无论页面如何滚动，设置了`position: fixed`的元素会始终保持...
css中定位中的absolute和relative是什么意思
01-19
Position属性有四个值：static、fixed、absolute和relative， 后面两个在布局中的定位里是经常用到的，顾名思义， absolute是指绝对定位，即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对...
position ="absolute" 与 position="fixed的异同"
薄年再无木小白的专栏
01-22 1547
position ="absolute" position="fixed"  相同点 第一，完全脱离标准文档流 第二，未设置偏移量时，都定位在父元素左上角 不同点一：  设置偏移量时，偏移量的基准 absolute  1.无已定位的祖先元素，以为基准 2.有已定位的祖先元素，以最近的父元素的为基准偏移 fixed 有无已定位的祖先元素都以浏览器的可视窗口为基准偏移 不
fixed和absolute
lxcflyingfish的博客
09-03 188
fixed和absolute在没有滚动条的时候无差异；在有滚动条的时候，fixed不会随滚动条的移动而移动，而absolute则会随之移动。
css postion 理解 absolute 和fixed的区别
hsw
08-19 808
relative定位也是遵循正常的文档流，它没有脱离文档流，但是它的top/left/right/bottom属性是生效的，可以说它是static到absoult的一个中间过渡属性，最重要的是它还占有文档空间，而且占据的文档空间不会随 top / right / left / bottom 等属性的偏移而发生变动，也就是说它后面的元素是依据虚线位置( top / left / right /
HTML&CSS——css中postion的fixed与absolute区别详解
oscar92420aaa的博客
05-10 597
fixed 固定定位，参照位置是浏览器窗口的左上角，即坐标点为(0px, 0px) absolute 绝对定位，参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角，举个例子 复制代码 代码如下: 我的参照坐标是id=p2 通过上面的例子，可知h2的绝对定位参照点是
static(静态定位)，fixed（固定定位），relative(相对定位)，absolute(绝对定位)
qq_44939011的博客
07-20 1万+
static(静态定位)，fixed（固定定位），relative(相对定位)，absolute(绝对定位) Position的取值： static(静态定位) : 表示块保留在原本应该在的位置，不会重新定位。 fixed（固定定位）：元素就被固定不会随着滚动条的拖动而改变位置。 relative(相对定位) ：相对定位是通过将元素从原来的位置向上、向下、向左或者向右移动来定位的。 absolute(绝对定位)：绝对定位，是相对于最近的且不是static定位的父元素来定位。 1.static(静
css定位 absolute relative fixed
心之所向
08-16 489
一.absolute相对拥有absolute或者relative父级进行定位，也就是他会一直寻找自己父级是否有absolute或者relative属性，如果找到，选择最近的进行定位，如果找不到就相对BODY左上角进行定位。脱离文档流。一般用在父级拥有absolute或者relative属性，我们希望元素能够相对父级移动，设置脱离父级元素范围内。二.relative相对自身原来位置进行定位，不可层叠，
position:absolute :fixed区别
wym1581的专栏
02-11 549
absolute：当浏览器大小改变时，悬浮层随着浏览器上下移动 fixed：当浏览器大小改变时，悬浮层只会悬浮在浏览器的正上方
CSS中position属性( absolute | relative | static | fixed )详解
wangshuai13383347132的博客
04-07 1815
我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。 absolute：对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。 fixed：对象脱离正常文档流，使用to
css position属性（ static relative absolute fixed）
gis_zhouda的博客
04-03 1235
       position属性有4种不同类型的定位，分别是static、relative、absolute和fixed。       static:元素正常生成，块级元素作为文档流的一部分，从上到下依次排列，行内元素对应生成一个或者多个行框。这是一种正常的情况，不再赘述。        relative:元素的形状保持不变，位置会相对于其起点，做一定的偏移。<html> <h...
css定位 position absolute relative fixed
qq_38992657的博客
04-16 301
position absolute position absolute,不设置lrtb(left, right, top, bottom)时，元素脱标，位置不变，但是实际浮动在此位置上，不占位置，并且浮动于普通流之上，需要通过z-index设置为负数浮在标准流（普通流）之下。 设置lrtb时，若没有父元素有定位，则相对于窗口（相对于页面的）进行定位，若存在父元素定位（relative, fixe...
absolute 和 fixed
07-27
absolute 和 fixed 是 CSS 中用来定位元素的两种定位方式。 absolute 定位是相对于最近的已定位祖先元素进行定位的。如果没有已定位的祖先元素，则相对于最初的包含块（通常是浏览器窗口）进行定位。通过设置元素的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值