position中需要注意的地方

relative是相对元素本身位置进行移位,但不会改变本身位置的大小

分享图片

 本身的位置

分享图片

移位后,可以看到,p5的位置还是在那,并不会自动往上走,也就是p2的位置原来所占据的位置不变的。不会因为偏移而改变布局的计算

 
absolute相对于什么定位,不一定相对于body。他相对的是最近的relative或者absolute元素定位的。

分享图片

分享图片

p3-3是absolute。如果一直往上找,没找到,就相对于body

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效