1.一般如果我们不给元素设置position，则默认为static，此时是该元素是没有定位的，像left/right这些偏移属性都是没有效果的。
2.position:relative （相对定位）
若设置为相对定位，即可配置left/right这些偏移，相对于该元素原有位置进行偏移，并且，原有位置任占据着文档流的空间，偏移并不会挤开别的元素，所以如果发生重叠，可以通过z-index设置堆叠顺序。
3.position:absolute（绝对定位）
当一个元素设置为绝对定位的时候，在文档流中是不占据空间的，会上浮。与相对定位不同的是绝对定位会删除文档流中原有位置的空间，定位则是通过不为static的父元素来定位（若父元素为static，则则找父元素的父元素，往上级找）。
立即学习“前端免费学习笔记（深入）”；
以上就是关于CSS的相对定位与绝对定位介绍的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1608795.html
微信扫一扫 
支付宝扫一扫 
