position:relative(相对定位)
position:relative; 相对定位
- position:relative;left:100px;top:100px;
- 不影响元素本身的特性
- 不使元素脱离文档流
- 如果没有定位偏移量,对元素本身没有任何影响
定位元素位置控制
top/right/bottom/left 定位元素偏移量。
position:absolute; 绝对定位
- 不影响元素本身的特性
- 使内嵌支持宽高
- 块属性标签内容撑开宽度
z-index:[number]; 定位层级
定位元素 默认后者层级高于前者
z-index:[number]; 定位层级
position:fixed; 固定定位
与绝对定位的特性基本一致,差别是始终相对整个文档进行定位;