position ="absolute" position="fixed"
相同点
第一,完全脱离标准文档流
第二,未设置偏移量时,都定位在父元素左上角
不同点一:
设置偏移量时,偏移量的基准
absolute
1.无已定位的祖先元素,以<html>为基准
2.有已定位的祖先元素,以最近的父元素的为基准偏移
fixed
有无已定位的祖先元素都以浏览器的可视窗口为基准偏移
不同点二:
表现形式:(产生滚动条时)
absolute:位置会随滚动条变化
fixed:位置不会随滚动条变化
相关文章
- jquery offset() 与position()方法的区别
- 详解iOS中position:fixed吸底时的滑动出现抖动的解决方案
- position中的absolute和relative
- 理解position:relative 与 position:absolute
- IOS中position:fixed吸底时的滑动出现抖动的解决方案
- 如何强制一个元素与position:absolute来调整父div的大小?
- 在IOS11中position:fixed弹出框中的input出现光标错位的问题
- CSS中position:fixed的用法
- iphone下元素放在了一个position: fixed的div中无法点击
- CSS中"position:relative"属性与文档流的关系