元素的定位一般分为相对定位,绝对定位,固定定位,静态定位(默认)。

每一种定位都可以通过设置top(顶部),bottom(底部),left(左侧),right(右侧)来设置位置(在不定位时这四种属性无效),top(顶部)和left(左侧)最常用。

在多个元素设置定位是如果发生重合可以设置z-index来改变重合的岁序

语法:z-index:0;(值越大越居上);

1.relative(相对定位)

position:relative是绝对定位,绝对定位的在自己原来的位置上进行定位,在文档流中的位置不变。

2.absoulute(绝对定位)

position:absoulute是绝对定位,相对定位是相对离自己最近的父元素进行定位(如果没有就相对body),在文档流中的位置改变。

3.fixed(固定定位)

position:fixed是固定定位,固定定位是相对浏览器进行定位,定位后无论你怎么滚动滚动条它的位置的不变,不会消失。

4.最常用的定位

最常用的用法就是把父元素设置为相对定位不设置偏移量,把子元素设置为绝对定位对其设置偏移量,这样子元素就可以跟着父元素移动。