本文介绍了CSS布局中的三种定位方式——相对定位、绝对定位和固定定位。相对定位是在原有位置基础上偏移；绝对定位以页面起点为基准进行定位；固定定位则在页面滚动时始终保持在屏幕特定位置。当出现定位覆盖时，可以使用z-index属性调整层级关系。
DIV+CSS布局-定位布局
定位布局有三种定位方式：
相对定位 relative，绝对定位 absolute，固定定位 fixed。这三种定位各种有共通之处，当然也各有不同点。
1.相对定位：position:relative
相对定位就是相对于原来的位置产生偏移，比如现在指定了top和left都为0的情况下，表面它原本就是在这里了。
2.绝对定位：position:absolute
绝对定位默认放东西的位置是按照排版来的，这个时候看起来还正常。
但是绝对定位实际上的位置是在页面最开头来定位的。比如我们先看一下绝对定位的原本位置应该在哪里：
绝对定位的点都是参照指定的一个点为（0，0）点来定位的。
3.固定定位：position:fixed
固定定位就是指不管页面上的
最低0.47元/天 解锁文章
扫一扫
506
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
