position ="absolute" position="fixed"
相同点
第一,完全脱离标准文档流
第二,未设置偏移量时,都定位在父元素左上角
不同点一:
设置偏移量时,偏移量的基准
absolute
1.无已定位的祖先元素,以<html>为基准
2.有已定位的祖先元素,以最近的父元素的为基准偏移
fixed
有无已定位的祖先元素都以浏览器的可视窗口为基准偏移
不同点二:
表现形式:(产生滚动条时)
absolute:位置会随滚动条变化
fixed:位置不会随滚动条变化
相关文章
- Rotary Position Embedding(RoPE)在视觉Transformer中的应用与提升
- css position: relative | absolute | static | fixed详解
- 设置position(absolute,fixed)导致flex布局不生效
- 浮动层固定兼容IE6 position:fixed的最佳解决方案
- position属性absolute与relative 详解
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?
- position:fixed的元素定位到滚动区域,会被覆盖
- CSS3中position属性( absolute | relative | static | fixed )详解
- 解决移动端position:fixed随软键盘移动的问题
- CSS样式-position为absolute的情况下如何居中