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

css定位 position

难度初级
时长 1小时18分
学习人数
综合评分9.33
96人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.2 逻辑清晰
.login{
width: 360px;
height: 360px;
background: url(img/login.png) no-repeat;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
不设置外边距实现动态居中
又讲错了,absolute定位是找父级元素定位,没有父级找浏览器边框定位,所以就算没有设置top、left值,依旧会脱离文档与浏览器边框进行定位。
relative定位相对于原来位置定位移动,这么简单的事讲得那么复杂,还讲错了
学到了,感谢~~~~
老师讲得一点都没错,上面两位同学是把相对定位的原理搬出来,而作为新手,只看原理根本不懂移动的方向究竟向哪里(例如right和bottom,我第一次看还以为是向右和向下移动,而实际恰恰相反),而老师是把相对定位的结果用XY坐标展示给大家看,一目了然。我个人很喜欢老师的教授方法。
关于relative,把top/right/bottom/left理解成:距离该元素在正常流中位置的上/右/下/左边的偏移量。
基础向还可以;这里方便大家理解;默认情况下;关于z-index的值的比较;大值总会覆盖小值,即出现在小值的前面;【可简单记为:页面和弹出模态框的关系】;至于父子级别的zindex关系;这里有点绕;可联想【皇上的权力比宰相大,皇子的权力虽然没有宰相大;但宰相会受限于皇上的权力关系;让出本身该有的空间】
固定定位的用途:
1、遮罩层
2、弹出框
3、广告
HTML元素加上绝对定位属性后,会脱离文档流
入门必学知识点
我发现了老师忘记了写了一个值
讲的真的很不好,会误解人,我也是慕课网的忠实粉丝了,看着这视频我真的挺失望的
讲的不清楚
愣是没听懂
课程须知
1、需要有HTML基础知识。 2、需要对css基础样式有一定的掌握和了解
老师告诉你能学到什么?
1、运用定位知识去实现固定定位 2、运用定位知识去实现相对定位

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消