position定位

定位的组成：静态定位（无定位），相对定位，绝对定位，固定定位，粘性定位

 

一，相对低位relative

1.移动位置是相对于原来自身的位置来说的，参考物为自己。

2.保留位置，不脱标。

二，绝对定位absolute

1.参考物为带有定位的最近一级的父级元素，否则以浏览器为参照物。

2.绝对定位脱标，不保留位置。

3.加了绝对定位的盒子不能使用margin：0 auto，使其居中，会失效。

三，固定定位fixed

1.固定在浏览器某处，不随屏幕滚动而滚动

2.参照物为浏览器可视窗口

3.固定版心右侧：left：50%，margin-left：0.5*版心px

4.固定定位的盒子必须加宽度

四，粘性定位

1，滚动到某一处就固定不动，类似于固定定位和相对定位的融合

五，总结