本文摘自PHP中文网，作者V，侵删。
css中position的定位有：1、static；2、fixed；3、relative；4、absolute。static相当于没有定位，relative生成相对定位的元素。
css中的position有4种取值，分别是static、fixed、relative、absolute。
（学习视频教程：css视频教程）
详细介绍：
static：相当于没有定位，元素会出现在正常的文档流中。
fixed：元素框的表现类似于absolute，但是fixed是相对于视窗本身，也就是浏览器窗口而定位的。所以，采用该定位的元素在页面下拉的时候，其位置并不会发生变化。
relative：生成相对定位的元素，相对于元素本身的位置进行定位，它原本所占的空间仍然会保留。
absolute：生成绝对定位的元素，相对于static定位以外的第一个有定位的祖先元素进行定位。由于static定位相当于没有定位，所以absolute定位实际上就是相对于有定位的第一个祖先元素定位，如果所有的祖先元素都没有定位，则相对于初始包含块或者画布，一般就是body元素定位。
相关推荐：CSS教程
以上就是css中position的定位有哪些的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
通过示例来了解css background强大的用法（值得收藏）
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
