Css盒子定位

1.相对定位是远处在一个位置是相对于原来的位置。

特点：不脱标。走了之后占有原来的位置。

相对定位的典型应用是给绝对定位当爹。

2.绝对定位是“拼爹型”。脱标。走了之后不占有原来的位置。

绝对定位的特点：如果没有祖先元素或者祖先元素没有定位，则还以浏览器为准定位。

如果祖先元素有定位，（相对，绝对，固定定位），则以最近一级的有定位元素为参考点移动位置。

子绝父相

3.固定定位fixed

以浏览器的可视窗口为参照点移动元素，跟父元素是没有任何关系。

布局小技巧：固定在板心右侧位置。让固定定位的盒子left：50%。Margin left版心宽度的一半。

4.粘性定位sticky

必须设置一个边偏移才生效

5.定位叠放次序。z-index，注意只有定位的盒子才有Z-index属性。

数值越大,盒子越靠上。

注意：

绝对定位盒子的居中。加了绝对定位的盒子，不能通过margin：0，auto实现水平居中。

Left 50%. Margin left -100 px.

Top 50%. Margin Top -100px.