浅谈CSS定位的作用

1. position:absolute 注意使用position必须与top left等连用，否则不起效果！absolute绝对定位，会脱离文档，类似float效果，是相对于浏览器的定位！不管要素是否包裹于其他定位非静态（static）的要素中，如果包裹其的要素的position是非静态的，那么就是相对于该要素定位

2. fixed：绝对定位。存在滚动条时，要素位置固定，不会改变，非常适合应用于登录框固定等等，而absolute相反

3. relative：相对定位。是相对于本身之前的位置的偏移（配合top等使用）

4. sticky：粘滞定位。当设置了top属性时，滚动到top设置的值时，会变成绝对定位，但是滚动超出了其包裹且设置非静态位置要素时，效果与absolute一值，而不是fixed