定位：

• 默认为静态定位
• 投标现象
• 压盖现象
• 层级比标准文档高

position

• static  静态
• relative    相对
• absolute    绝对
• fixed    固定

relative（相对定位）

.st{
    width: 100px;
    height: 100px;
    position: relative;
}

• 与标准文档流下的盒子没有任何区别
• 会影响页面的布局
• 做“子绝父相”布局方案的参考
• 微调元素
• 以原来的盒子作为参考点

absolute（绝对定位）

.st{
    width: 100px;
    height: 100px;
    position: absolute;
}

• 如果单独设置一个盒子为绝对以top描述定位它的参考点，是以body的（0.0）为参考点。
• 以bottom描述，它的参考点是以浏览器的左下角为参考点
• 如果有父元素设置了相对定位，那么会以父元素进行定位，而不是body了。这就是子绝父相