1、static定位
HTML元素的默认值，即没有定位，遵循正常的文档流对象。
静态定位的元素不会受到top，bottom，left，right的影响。
2、fixed定位
元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动。
注意：fixed定位使元素的位置与文档流无关，因此不占据空间。
3、relative定位
相对定位元素的定位是相对其正常位置。
移动相对定位元素，但它原本所占的空间不会改变。
相对定位元素经常被用来作为绝对定位元素的容器块。
4、absolute定位
绝对定位的元素的位置相对于最近的已定位的父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>.
5、sticky定位（粘性定位）
基于用户的滚动位置来定位。
粘性定位的元素是依赖于用户的滚动，在position：relative与position：fixed定位之间切换。
它的行为就像position：relative；而当页面滚动超出目标区域时，它表现就像position：fixed；它会固定在目标位置。
CSS的定位属性
| 属性 | 说明 | 值 | |
| bottom | 定义了定位元素下外边距边界与其包含块下边界之间的偏移。 | auto length % inherit | |
| clip | 剪辑一个绝对定位的元素 | shape auto inherit | |
| cursor | 显示光标移动到指定的类型 |
| |
| left | 定义了定位元素左外边距边界与其包含块左边界之间的偏移。 | auto length % inherit | |
| overflow | 设置当元素的内容溢出其区域时发生的事情。 | auto hidden scroll visible inherit | |
| overflow-y | 指定如何处理顶部/底部边缘的内容溢出元素的内容区域 | auto hidden scroll visible no-display no-content | |
| overflow-x | 指定如何处理右边/左边边缘的内容溢出元素的内容区域 | auto hidden scroll visible no-display no-content | |
| position | 指定元素的定位类型 | absolute fixed relative static inherit | |
| right | 定义了定位元素右外边距边界与其包含块右边界之间的偏移。 | auto length % inherit | |
| top | 定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 | auto length % inherit | |
| z-index | 设置元素的堆叠顺序 | number auto inherit |
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
