首页 > 代码库 > position ="absolute" 与 position="fixed的异同"
position ="absolute" 与 position="fixed的异同"
position ="absolute" position="fixed"
相同点
第一，完全脱离标准文档流
第二，未设置偏移量时，都定位在父元素左上角
不同点一：
设置偏移量时，偏移量的基准
absolute
1.无已定位的祖先元素，以<html>为基准
2.有已定位的祖先元素，以最近的父元素的为基准偏移
fixed
有无已定位的祖先元素都以浏览器的可视窗口为基准偏移
不同点二：
表现形式:(产生滚动条时)
absolute:位置会随滚动条变化
fixed:位置不会随滚动条变化
相同点
第一，完全脱离标准文档流
第二，未设置偏移量时，都定位在父元素左上角
不同点一：
设置偏移量时，偏移量的基准
absolute
1.无已定位的祖先元素，以<html>为基准
2.有已定位的祖先元素，以最近的父元素的为基准偏移
fixed
有无已定位的祖先元素都以浏览器的可视窗口为基准偏移
不同点二：
表现形式:(产生滚动条时)
absolute:位置会随滚动条变化
fixed:位置不会随滚动条变化
position ="absolute" 与 position="fixed的异同"
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。