【web】【css】--定位

定位

固定定位position：fixed

语法position：fixed;

定位位置：相对于浏览器窗口，默认左上，

脱离文档流

用途：返回顶部，顶部导航等

相对定位position: relative

语法：position: relative;

定位位置：相对于元素原来的位置，

不脱离文档流

绝对定位position: absolute

语法：position: absolute;

定位位置：相对于有定位的父元素或祖先元素，如果没有定位，就相当于body，

如果两个都有定位，会相对于最近的

（没有强调父 元素具体哪个定位，但是建议相对定位，不脱离文档流） （自己）

脱离文档流

子绝父相：一般和相对定位配合使用，父元素用相对定位，子元素用绝对定位

用途：一个东西盖到另一个东西上边（子绝父相）

层级覆盖

定位位置相同重叠情况下，文档后面的覆盖文档前面的

层级

语法：z-index

只有定位的元素有层级，层级数默认为0，层级数越大，元素越靠上