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

css定位 position

难度初级
时长 1小时18分
学习人数
综合评分9.33
96人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.2 逻辑清晰
ㅤㅤㅤㅤㅤ
inherit继承父元素的定位属性 z-index可以改变元素层级,一般地说,后写的元素的层级大于先写的元素,我们可以通过给元素z-dinx赋值来改变层级,数值越大,层级越高另外,如果存在子元素层级小于相邻元素的情况,我们通过给它的父元素z-indx赋大于相邻元素数值的方法来改变它本身的层级,就是子凭父贵的意思。
绝对定位 absolute 当参数是left(数值越大,元素位置水平越向右。)和top时 元素以网页左上角为原点 由左向右 由上至下移动;当参数是right和bottom时, 网页以右上角为原点 元素由右向左 由上至下移动;当参数是left和bottom时,元素以网页左下角为原点,从左向右,从下到上移动;当参数是right和bottom是,元素以右下角为原点,从右向左 从下到上移动。 相对定位 relative 则是始终以网页左上角为原点,随着参数改变做以上移动。
绝对定位 absolute 当参数是left(数值越大,元素位置水平越向右。)和top时 元素以网页左上角为原点 由左向右 由上至下移动;当参数是right和bottom时, 网页以右上角为原点 元素由右向左 由上至下移动;当参数是left和bottom时,元素以网页左下角为原点,从左向右,从下到上移动;当参数是right和bottom是,元素以右下角为原点,从右向左 从下到上移动。 相对定位 relative 则是始终以网页左上角为原点,随着参数改变做以上移动。

最新回答 / Gee路由
相对的原点不同,比如left:20px; top:20px; 是相对于左上角原点,上下各有20px距离,而right:-20px; top:20px; 则是相对于右上角原点,向右移动20px距离

最新回答 / 啊_呀_呦
网页就好比一张纸,所有的内容都在这张纸上,这是正常情况。当设置了 position 以后,就相当于又拿了一张纸,脱离了原来的纸。
可以看下我写的博客https://nuoer.shield.asia/index.php/archives/12/
相信对你有所帮助

已采纳回答 / 榴莲慕斯
sublime中添加Emmet插件
太晕了,有没有总结性的结论
老师,我有更好的记忆方法。
1、不管是top,bottom,right,left。都意味以该位置以基准,向外顶出去(整数),如果是负数则为反方向。
2、并且这个基准的位置是按照标准流所在的布局定位。

已采纳回答 / qq_乐響乐樂_0
元素的宽度和高度不存在继承关系。而且ul,li之类的表格元素默认倾向宽高最小化,就是元素中没有内容的时候宽高默认为0.
能不能吃完东西再说话,听着非常不舒服。
我最近刚好遇到这个问题,由于家庭条件的原因先买网上一套课程又没有钱,自己又特别想学,真的很谢谢老师,等以后我强大,我也要免费为别人讲课
课程须知
1、需要有HTML基础知识。 2、需要对css基础样式有一定的掌握和了解
老师告诉你能学到什么?
1、运用定位知识去实现固定定位 2、运用定位知识去实现相对定位

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消