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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
这老师挺好的
我觉得这个老师语速太快
这个老师特别啰嗦 不喜欢。
fixed定位:设置了偏移量,无论有无已定位祖先元素,均已浏览器窗口为基准偏移参照。

absolute定位:设置了偏移变量,有已定位祖先元素,则以距离最近的已定位祖先元素为基准偏移参照;无已定位祖先元素,则以浏览器窗口为基准偏移参照。

fixed、absolute定位:未设置偏移量,无论有无已定位祖先元素,均已距离最近的祖先元素为基准偏移参照
什么时候该设置偏移量?
在对元素设置固定定位时,如果希望本元素包含起父包含块中,不需要对其设置偏移量。
{position: fixed;}没有设置偏移量的方向依然会保持在父包含块。
也就是说:
在其没有设置偏移量的时候,偏移量参数值默认为当前fixed的元素与浏览器可视窗口的偏移数值!
同理,对于{position: absolute;}的元素也是一个道理,没有设置的偏移量数值默认为当前其相对与最近的有{position: relative;}的祖先元素的偏移数值!
absolute与fixed的相同点:

第一:完全脱离标准文档流;

第二:未设置偏移量时,都定位在父元素的左上角;(偏移量---元素设置定位(绝对或相对)后就具有偏移属性和堆叠属性(Z-index))
absolute与fixed的相同点:

第一:完全脱离标准文档流;

第二:未设置偏移量时,都定位在父元素的左上角;(偏移量---元素设置定位(绝对或相对)后就具有偏移属性和堆叠属性(Z-index))
1.25X的速度 听着还是很带感的。
终南山下,汉水之滨。仁平君者,独步武林。
终南山下,汉水之滨。仁平君者,独步武林。
position 定位拥有 5 种形式:absolute、fixed、relative、static和inherit。 fixed定位和absolute定位都是绝对定位。相对定位的元素没有完全脱离了标准文档流,
就最后几句话重要
挺不错了,苦口婆心地希望大家都能听懂,自然要啰嗦些了
其实,
未设置偏移量时,无论其父元素是否已定位,都是显示在父元素左上角;
设置偏移量后,无论其父元素是否已定位,都是以浏览器窗口为基准定位。
波弟层,,,,
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消