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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
0.5的速度听到现在
讲解的挺详细的,不错,希望有更多教程
老师挺好的,一听就是位美少女。只是这个课程听起来有点晕,不过把重要的理论写出来倒是能看明白,就是记不太清楚,到下一节就容易晕了
老师说话没有停顿的,一直巴拉巴拉不停,静不下心的人就会听懵。
不错,单就这一功能足够了。感谢!
建议:提供一些举一反三的例子
就事论事,这节课里确实听不懂这女老师口中的margin-top和margin-bottom,直到看到阳光雨下的评论。在此先谢过了。当然听不清这情况在其他课程也遇到过,所以,一直在想,如果有字幕那该多好,没有字幕有个课程大概知道讲什么啊。囧。。。
这节课讲的和之前讲的不一样。
这个题实际是这样的:将上面例子具体化一下,如body(margin:0)下面有一个div高35px,紧邻其后的X元素外边距15px,那么div设置fixed之后,div在原本文档流该处的地方脱离文档流(也就是作为body第一个元素的位置),导致紧邻其后的X元素带着它的15px跑到body的第一个元素,那么问题来了,margin-top:0的body和margin-top:15px的X元素,发生margin重叠(margin cllapse),取较大的值,导致body带着div和x元素一起向下方移动15px。(所以个人觉得,垂直外边距的重叠才是解释这个题目的合理原因)
楼下不喜勿喷。注意素质。有什么不懂得。大可去看帮助文档。这就是真理!!!
真的不能说是左上角,这个说法不大准确。因为视频中的例子,如果box2先设置成position:absolute;那么它并不会往左上角跑,而覆盖蓝色的box1,真实情况是它在原本文档流该处的位置上脱离文档流,也就是说它后面的content不再受box2影响,导致box2堆叠在content上面。
firefox版本好老。。。
确实有点啰嗦
听到最后一句“这就是absolute和fixed定位的相同点”,我表示一脸懵逼。。。
position:fixed;left:0;top:0;
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消