position ="absolute" 与 position="fixed的异同"

时间:2021-07-13 20:28:56
position ="absolute" position="fixed" 
相同点
第一,完全脱离标准文档流
第二,未设置偏移量时,都定位在父元素左上角
不同点一:
 设置偏移量时,偏移量的基准
absolute 
1.无已定位的祖先元素,以<html>为基准
2.有已定位的祖先元素,以最近的父元素的为基准偏移
fixed
有无已定位的祖先元素都以浏览器的可视窗口为基准偏移


不同点二:
表现形式:(产生滚动条时)
absolute:位置会随滚动条变化
fixed:位置不会随滚动条变化