为了账号安全,请及时绑定邮箱和手机立即绑定

fixe定位 不管父元素是什么玩意 不管有没有定位祖先元素  设置偏移量的话,偏移量都


是以浏览器为基准定位的,


你说的 “已有定位祖先元素  以祖先元素为基准定位” 说的是 relative定位吧?


例子 如下 自己运行下 期待您的答复



<style>
#box1{width:100px;height:400px;background:#f34;position:fixed;top:0;left:200px;}
#box2{width:200px;height:300px;background:#6f4;margin:60px 0;}
#wrap{width:500px;background:#45f;position:relative;left:300px;}
body{height:1000px;}
</style>
<div id="wrap">
<div id="box1">1</div>
<div id="box2">2</div>
</div>




正在回答

2 回答

fixed在结果上是分两种情况的----一个是设置了偏移量(如你的代码所示),有无定位的祖先元素都没有关系,都是以浏览器窗口为基准进行偏移;另一种是没有设置偏移量,有已定位祖先就以祖先为准,无以定位祖先则以浏览器可视窗口为基准。

0 回复 有任何疑惑可以回复我~

童鞋,你说的前半部分关于fixed定位的内容是对的,但是以下说法你说错了:


“已有定位祖先元素  以祖先元素为基准定位” 说的是 relative定位


相对定位跟元素原本的位置有关(相对定位是以元素本身位置为偏移基准的),跟父包含块并无关系。

以“距离最近的已经定位的祖先元素”为偏移基准的是绝对定位。


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
固定层效果
  • 参与学习       51911    人
  • 解答问题       148    个

运用属性值就轻松实现网页固定层效果

进入课程
意见反馈 帮助中心 APP下载
官方微信