.xx {
position:relative;
top:100px;
}
相对于自己在界面的正常位置，进行相对位移；所占的界面空间依然在原来的位置，也就是说在它下面的元素位置不会改变；
.xx {
position:absolute;
top:100px;
}
相对于父元素进行绝对定位；空间使用新定位的空间位置；
注：如果父元素设置position:relative 就以父元素为参考点，反之以body为参考点。
可以在这里 W3School在线测试工具 V2 感受下
css position
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- CSS的position总是属性很容易让人弄混~ 为了仔细区别它们，所以今天总结一下CSS的position属性~...
