定位position

4种：静态定位 相对定位 绝对定位 固定定位
边偏移属性：left right top bottom
静态定位static：默认的，用于取消定位
相对定位relative：仍然占有原来的位置 以自己的左上角点来移动
绝对定位 absolute：不占用原来的位置
固定定位fixed：随着屏幕调整位置

假如所有父元素都没有定位，子元素是参考屏幕左上角定位
“子绝父相”

为什么：父相 ：父元素应当占有原来的位置防止下面的元素占用原来父元素占用位置。子绝：如果子元素用相对定位，占用位置，会把父元素往下挤。如下图： 1.png

加了float和position的盒子 margin：0 auto；失效 不能完成居中对齐；

2.png

1. 首先left 50% 父盒子的一半大小 （上下左右同理）
2. 然后走自己外边距负的一半值就可以了 margin-left。