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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
上下的margin会重复。选取较大值。。。
,只有元素在设置相对定位,或者绝对定位后,此属性才有效,它的作用是设置元素所在的z轴层级。z-index值越大,元素层级越大。
absolute按距离最近已经定位的祖先元素为基准偏移

fixed按可视窗口定位不受偏移量影响
absolute与fixed的相同点:

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

第二:未设置偏移量时,都定位在父元素的左上角;(偏移量---元素设置定位(绝对或相对)后就具有偏移属性和堆叠属性(Z-index))
absolute,fixed绝对定位的特点:完全脱离标准文档流,兄弟元素不受影响
说的好墨迹 但是要是所有老师都这么墨迹就好了 可以学到很多东西
有强迫症的人听不了她的声音………………………………………………
沙哑的嗓音 ……
老师辛苦 继续学习
fixed定位:设置了偏移量,无论有无已定位祖先元素,均已浏览器窗口为基准偏移参照。
absolute定位:设置了偏移变量,有已定位祖先元素,则以距离最近的已定位祖先元素为基准偏移参照;无已定位祖先元素,则以浏览器窗口为基准偏移参照。
fixed、absolute定位:未设置偏移量,无论有无已定位祖先元素,均已距离最近的祖先元素为基准偏移参照
很少听到女孩讲的,听起来真是不一样
fixed定位:设置了偏移量,无论有无已定位祖先元素,均已浏览器窗口为基准偏移参照。
fixed、absolute定位:未设置偏移量,无论有无已定位祖先元素,均已距离最近的祖先元素为基准偏移参照
absolute定位:设置了偏移变量,有已定位祖先元素,则以距离最近的已定位祖先元素为基准偏移参照;无已定位祖先元素,则以浏览器窗口为基准偏移参照。
最简单的方法:margin:0px 30px 50px 0px;
absolute与fixed的相同点:
第一:完全脱离标准文档流;
第二:未设置偏移量时,都定位在父元素的左上角;(偏移量---元素设置定位(绝对或相对)后就具有偏移属性和堆叠属性(Z-index))
.feedback{position:fixed;right:30px;bottom:50px;}
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消