position属性
- static —— 默认值
- 块级和内联元素在正常文本流中
- relative —— 相对定位
- 相对自身在文本流的位置偏移
- 不影响块级、内联元素本身的特性(absolute会影响宽高,内联可设宽高,块级可内容撑开)
- 不脱离文本流,还在文本流中占据原来的位置,定位偏移自身移动不影响其他的兄弟元素重排
- 提升层级(z-index只能在relative和absolute、fixed有效)
- absolute —— 绝对定位
- 相对最近的具有定位属性的上级盒子偏移,如果上级没有就直到document
- 影响块级和内联元素的特性,内联可设宽高,块级可内容撑开
- 脱离文本流,不在文本流中占据位置,定位偏移自身移动不影响其他的兄弟元素重排,未有偏移属性时,位置处于正常文本流的中位置
- 提升层级
- fixed —— 固定定位
- 相对浏览器窗口定位, 页面滚动不会在视口的位置
- 影响块级和内联元素的特性,内联可设宽高,块级可内容撑开
- 脱离文本流,不在文本流中占据位置,定位偏移自身移动不影响其他的兄弟元素重排,未有偏移属性时,位置处于正常文本流的中位置
- 提升层级
- sticky —— 粘性定位
- 当父元素在视口内时,表现为relative,父元素开始出视口的时候,表现为fixed,但不会超出父元素
- inherit —— 继承父元素的定位
- initial —— 设置为默认值
JStar