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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
42+20+1

margin-top:63px;
margin-top:62px;
有点混乱啦,自己还需要实例来练习。
......................
哎。。。定位基准和偏移基准混乱了。。。。
偏移量设置能大点不?5PX,真心看的不明显

最赞回答 / 浮生若梦_0023
#top 高度42 +底边框1+间距20  =63#top没有设置高度 ,它是由子元素 ( .select_btn)的高度 撑开的!.select_btn 高度42px  #top 有下边距 border-bottom:1px solid #dadad9;  
position和fixed相同点:
1.设置了之后都会使元素脱离标准文档流;
2.未对其设置偏移量时,元素都位于直接父元素的左上角;
position和fixed不同点:
1.position,设置了偏移量后,如果无已定位父元素,则以html为基准进行偏移,如果有已定位父元素则根据最近的已定位父元素进行偏移;
2.fixed,设置了偏移量后,根据浏览器可视窗口进行定位;
设置元素为相对定位后,如果未对其设置偏移量,则元素位于其直接父元素左上角;若为其设置了偏移量,则图片相对于其最近的一个已定位的父元素偏移放置~
总体来说帮助挺大的,但是不实践就还是不会。希望能更多的结合实践来讲解,这样更加清楚明白。
所以为什么 我加上代码之后没有变化?
.feedback{position:fixed;right:30px ;bottom:50px;}
老师讲的清楚明白,点赞
不要看下面的评论,影响听课心情
老师的微博名:jeanneze
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消