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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
另外,楼下@goto_sky的所说的,题目并没有歧义.
因为div元素设置了fixed属性,则其就会脱离标准文档流.然后x元素就成了在标准文档流中紧邻body元素的元素,随即他们在纵轴方向上相遇了.这就产生了magin重叠问题.根据重叠原则(上一节有讲),body的magin-bottom就隐含成了15px.
但是,这里设置了fixed的div元素并没有设置top属性,则其仍按父包裹层(body)的位置不动.
所以,根据以上分析,div元素 和 x元素都与浏览器可视窗口上边界相距15px.
这题题目出的不够严谨,按答案D"div与浏览器可视窗口上边界相距15px"理解.该题目的html标签顺序应该是这样的:
<body>
<div></div> <!-已知div-->
<div></div> <!--X元素-->
....
</body>
ps:只有当x元素为紧邻body的第二个标签元素时,答案D才成力(而这个题目并没表达清楚).
图被慕女神吃掉了? 我的图片呢
必须吐槽介绍视频太魔性了!!!
讲的太快了,完全不考虑新手的理解能力和响应反应。
对,只有元素在设置相对定位,或者绝对定位后,此属性才有效,它的作用是设置元素所在的z轴层级。z-index值越大,元素层级越大。
图 我的图呢?
老师讲得不错
这题目有歧义~~答案应该是X元素与浏览器可视窗口上边界相距15px
我还以为是做淘宝的那个效果,有点失望啊~
老师讲得很好啊
老师讲的好赞,以前不理解的东西现在全明白了~
确实看不到图。考察知识点1、设置fixed定位后div元素脱离文档流。2、紧后元素会和fixed定位元素发生重叠,需要设置其margin属性。
还是女老师讲课好啊,
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消