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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
position:fixed;left:0;top:0;
margin:0 auto
老师有意或无意地暴露了自己的微博
楼下那个叫嚣的SB赶紧滚吧

已采纳回答 / 啥都要学会
你把后面那个视频也看一下,就明白了。这么给你说吧,在body中,我们要调整的部分为mainbody块,此时top块的top层与mainbody块的top层撞车了,撞车后mainbody因为设置top=20px,取外边框边界高度最大的,所以,浏览器窗口与内容部分空出了20px,要解决此撞车问题,给top块的top层也加一个偏移量为0px,各使用各的,就不会撞车了。
#mainbody{width:1000px;
overflow:hidden;
margin:64px auto 0;
}

#top{position:fiexd;top:0;left:0;}
又听到老师的讲课,精神一下又集中了!老师讲的非常好!
讲得不够简洁,有点啰嗦
不要看下面的评论,影响听课心情
期待老师更多的教程,讲的很好,大爱!!!
为什么是四个属性值呢?这个问题问的非常好~~
可以提升难度
支持,希望可以提升难度!并加入更多知识!
我觉得此题的意思是,给已知div设置fixed. D答案才对。

html:
<body>
<div class="div1">已知div元素</div>
<div class="x">X元素</div>
</body>

css:
<style>
div{width:200px;margin: 0;padding: 0;}
div.div1{height:35px;background: pink;position: fixed; }
div.x{background: green;margin: 15px 0 0;height: 40px;}
</style>
喜欢听老师的讲课,特别是0.5倍播放速度的时候~~
这个老师说话有点大舌头,听得我有点不舒服
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消