关于 CSS 定位的表格对比

CSS 的定位

值	static	relative	absolute	fixed
特性	默认值，没有定位	相对定位：相对于自身进行定位。1.不设置偏移量的时侯，对元素没有任何影响 2.它可以提升层级关系	绝对定位： a.无父级元素定位时，以浏览器的左上角为基准。 b.有父级元素的情况下，父级设置相对定位，子级设置绝对定位 (是以父盒子为基进行定位）。这就是所调的页面布局“父相子绝” 特点是：1提升层级 2脱离标准流	固定定位：设置固定定位之后当前元素不会发生改变，可以做小广告

页面布局小技巧：通常情況下，浮动和定位要结合去用，大家也能看出来，一般盒子的排列，要横排盒子我们就用浮动，调成盒子中小元素的位置偏移量我们就尽量用定位来实现。

z- index

1. z- index 属性用来设置元素堆叠的顺序（层级关系），拥有更高的堆顺序的元素总是会处于堆顺序较低的元素前（上）面；
2. 对于同级元素，默认或 position: static 情况下文档流后面的元素会覆盖前面的元素；
3. 对于同级元素， position 不为 static 且 z-index 存在的情况下 z- index 大的元素会覆盖z- index 小的元素，既 z-inde 的值越大优先级就越高；
4. 从父原则：从父元素子级的值永远大于父级的值。