自学前端-（定位相关）

1.绝对定位会脱标，不占有原来的位置

2.无父级元素的定位情况，将会以document为准

3.只要父元素有定位，就会一最近一级的父元素定位为准

4.子绝父相，子盒子需要在父盒子内排列多个布局，不能占有位置，而父盒子相对页面进行排版，则需要占有位置，所以父元素使用相对定位会更合适

5.定位叠放z-index：；使用这个属性值越大，层次越高，越处于上层

6.盒子上下居中算法：使用top值50%，再使用盒子自身高度的-50%，即可达到相对父元素上下居中的效果

7.脱标的元素不会触发元素外边距塌陷

8.浮动与定位。浮动不会压住标准流的文字和图片，而定位的盒子会压住标准流的文字和图片。

定位：

 浮动：