css绝对定位和相对定位

定位是用来改变自己的位置的,谁要改变就确定原来自己的位置是relative还是absolute

相对定位:相对嘛,要有一个参照物,但这个参照不是别的,是它自己呢,也就是说没设相对定位的位置,那你会问了,设没设都在那个位置为什么要设呢,因为只有设置了才能使 TOP,LEFT这些生效,也就是设了才能相对自己原来的位置偏移,原来的位置保留着,偏移后会把其它的层遮罩住。

绝对定位:在布局里不可能有绝对定位的,再怎么样都有一个参照位置的,至于是哪个,就看它的上级或上上级有没有定位了,也就是有没有position:relative;或position:fixed了,当要绝对定位的层设好要参照位置的层后,就可以用TOP,LEFT这些来定位置了,如果它的上级或上上级都没定位的话只就会根据BODY的位置来定位了,还有最后一点,绝对定位是不占位置的,它会像PS的图层一样单独做一层,至于第几层你可以通过z-index:这个属性来设置

posted @ 2019-05-06 22:00  我差两天十八岁  阅读(314)  评论(0编辑  收藏  举报