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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
fixed参照物是你的浏览器,跟页面上下内容没关系。absolute参照的是父级中最近的使用absolute或者relative的元素,如果父级元素都没使用position属性,那该元素就直接参照浏览器左上角。能理解估计就知道怎么用了,一般做些屏幕固定的漂浮框用fixed,absolute就用的太多了
div与浏览器可视窗口上边界相距15px,是因为body与box2的上下margin值重叠了,body默认magin值好像是8px吧!box2的上margin值是15px。
position:fixed;right:30px;bottom:50px;
谢谢老师!讲的很好! 有些sb自己搞不懂,就在那瞎bb,给免费的资源你们用,那来的这么多事。不会自己多看几遍,多研究,就会喷。 语速可调节,有些是js内容,不懂可以先学js。 加油!
绝对定位后,未设置偏移量的话,即未设置left、top等属性,是在原先本来的位置脱离文档流。
还没看到人,只闻其声,编织袋是你了:婧享人生。老师废话太多,而且一阵子光说不结合操作,而且你的语言表达能力我真不敢苟同,本来挺简单的课程让您一讲,变得让人难以理解,比起那个男老师讲的,你根本就不在一个档次上。我有幸听到你讲的“网页布局基础”那章内容,丢三落四,就连理论都可以讲错,老师您这样的讲课水平,趁早隐退吧,不要误人子弟了,好不好?!听你的课,我听的头都大了。
42+20+1

margin-top:63px;
margin-top:62px;
有点混乱啦,自己还需要实例来练习。
......................
哎。。。定位基准和偏移基准混乱了。。。。
偏移量设置能大点不?5PX,真心看的不明显
position和fixed相同点:
1.设置了之后都会使元素脱离标准文档流;
2.未对其设置偏移量时,元素都位于直接父元素的左上角;
position和fixed不同点:
1.position,设置了偏移量后,如果无已定位父元素,则以html为基准进行偏移,如果有已定位父元素则根据最近的已定位父元素进行偏移;
2.fixed,设置了偏移量后,根据浏览器可视窗口进行定位;
设置元素为相对定位后,如果未对其设置偏移量,则元素位于其直接父元素左上角;若为其设置了偏移量,则图片相对于其最近的一个已定位的父元素偏移放置~
总体来说帮助挺大的,但是不实践就还是不会。希望能更多的结合实践来讲解,这样更加清楚明白。
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消