CSS定位是Web开发中重要的一部分，它可以决定网页元素的位置，而CSS中有三种定位方式，分别是：
position: static; // 静态定位（默认值） position: relative; // 相对定位 position: absolute; // 绝对定位
这三种定位方式是有着一定关联的，接下来本文将逐一介绍其之间的关系。
静态定位
静态定位是CSS默认的位置设置。在静态定位中，元素的位置不受CSS top,bottom,left 或 right属性的影响，元素会按照其在html页面中的顺序排列。也就是说，使用了静态定位之后，网页元素会按照从上到下、从左到右的顺序排列。
相对定位
相对定位是基于元素在文档中的位置进行定位的。当使用相对定位时，元素从其在文档中的起始位置出发，以top、left等属性设置的值为参考，在原有位置上偏移一定的距离。这意味着，相对定位可以使元素上下左右移动，但其原有占用的空间并不会改变。
绝对定位
绝对定位是相对于文档中的最近的已定位祖先元素进行位置调整的。如果元素没有已定位的祖先元素，那么它的位置将相对于文档的body元素进行定位。与相对定位不同的是，绝对定位会使元素的原有位置脱离文档流，所以它会占用一个新的空间，并且在网页中的位置不受其他元素影响。
CSS定位提供了灵活的布局技术，能够令网页符合我们的期望。相信通过了解以上三种定位方式之间的联系，你已经掌握了CSS定位的基础知识。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
