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

总是不太明白绝对定位与相对定位的区别

总是不太明白绝对定位与相对定位的区别

6到正无穷 2016-03-28 11:18:58
查看完整描述

4 回答

?
爱study

TA贡献1条经验 获得超1个赞

楼上的,inhert一般定位元素这个是没用的哈,它的意思是继承它的父元素,绝对定位是相对与它的父级或者祖父级,反正是只要上面有一个定位的比如:relative相对定位、absolute绝对定位、fixed固定定位,就近原则,离他最近的父元素或者祖父元素进行位置定位;三大定位区别就在于,relative占空间的;absolute不占空间;fixed也不占空间,不过他是相对于浏览器窗口进行定位的。

查看完整回答
1 反对 回复 2016-03-28
?
2016_Maybe

TA贡献11条经验 获得超5个赞

DIV CSS中的绝对定位和相对定位的区别,我从网上看了好多,都没个详细的说法,其实也不用搞到那么复杂的。
先说相对定位:跟它的名一样,相对嘛,要有一个参照物,但这个参照不是别的,是它自己呢,也就是说没设相对定位的位置,那你会问了,设没设都在那个位置为什么要设呢,因为只有设置了才能使 TOP,LEFT这些生效,也就是设了才能相对自己原来的位置偏移,原来的位置保留着,偏移后会把其它的层遮罩住。
再说绝对定位:在布局里不可能有绝对定位的,再怎么样都有一个参照位置的,绝对定位的参照位置就不像相对那样是自己了,至于是哪个,就看它的上级或上上级有没有定位了,也就是有没有position:relative;或position:fixed了,好像position:inherit;也行,前面两个可以,后面那个不设什么的不用也行,最好用position:relative;吧,转入正题,当要绝对定位的层设好要参照位置的层后,就可以用TOP,LEFT这些来定位置了,如果它的上级或上上级都没定位的话只就会根据BODY的位置来定位了,还有最后一点,绝对定位是不占位置的,它会像PS的图层一样单独做一层,至于第几层你可以通过z-index:这个属性来设置

查看完整回答
1 反对 回复 2016-03-28
?
xinrenlaile

TA贡献4条经验 获得超2个赞

参照物的不同

查看完整回答
反对 回复 2016-03-28
  • 爱study
    爱study
    楼上的,inhert一般定位元素这个是没用的哈,它的意思是继承它的父元素,绝对定位是相对与它的父级或者祖父级,反正是只要上面有一个定位的比如:relative相对定位、absolute绝对定位、fixed固定定位,就近原则,离他最近的父元素或者祖父元素进行位置定位;三大定位区别就在于,relative占空间的;absolute不占空间;fixed也不占空间,不过他是相对于浏览器窗口进行定位的。
  • 4 回答
  • 0 关注
  • 2487 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信