定位流：position 分类：1.相对定位：（relative）不脱离标准流，还会占空间配合，相对在标准流的位置运动（top，right同一个方向上只用一个属性等使(相对以前在标准流的位置来移动)（在相对定位中用margin和padding属性会影响整个网页布局） 应用场景：（1）用于对元素微调（2）配合绝对定位使用 2.绝对定位：（absolute）脱离标准流，默认相对于body中的位置运动，在标准流里行内和块级元素是会被区分的行内不能设置宽高，但在脱离标准流后就可以设置了，如定位流和浮动流；看把（absolute放在哪）如果放在你需要移动的盒子里那就直接相对body运动，如果放在它的父盒子里那就相对父盒子运动。放在它爷盒子里就相对爷盒子里；如果自己，父盒子，爷盒子都有绝对定位，则以最近的盒子做参考点（父盒子，爷盒子）（只有静态定位不满足） 重要注意：这里的body是指打开浏览器网页的那个窗口大小，用绝对定位盒子在左下角只是在窗口的最下角，不是真正的body,绝对定位会忽略父元素的padding 水平居中：（margin：0 auto；不适用于绝对定位）用百分比距离盒子的哪边永远是多少距离不会随着宽高而变化，永远距离整个宽度的百分之几 实现水平居中代码：left：50%；margin-left:-150px(这个长度是盒子本身长度的一般)容易理解 3.静态定位:默认情况在标准流中就是静态定位
1 2 3 4 5 定位流 6 30 31 32 33 34 35 36
只用相对定位不脱离标准流，对网页布局还是有影响的 只用绝对定位，位置会随窗口的宽高而变化 同时使用（子绝父相）：子盒子会以父盒子做参考点（企业开发中常用）
1 2 3 4 5 子绝父相 6 38 39 40 41
42 - 服装
43 - 美妆
44 - 京东超市
45 - 46 全球购47
48 - 闪购
49 - 拍卖
50
51 52
