静态定位
posintion : static;(属于标准流
)
相对定位
position: relative;
1.相对于原来的位置
:top :100px;(距离原来的位置向下100px)
2.注意:保留原来的位置
绝对定位
position: absolute;
1.若果没有父级或父级没有定位这相对于浏览器定位
2.如果 有父级,则相对于最近有定位的父级定位
3.不保留原来的位置(相当于浮动了)
定位常用
子绝父相:子级用绝对定位不占用位置,父级用相对定位把位置占住
固定定位
1.相对于浏览器的可视窗口定位
2.不保留标准化原来的位置
跟 绝对定位很像
固定定位到版心两侧的小算法
距离等于页面的50%+版心的50%就可以定位到版心右侧
left：50%；
margin-left: 50%;
粘性定位
1.相对于可视页面的定位
2.保留原来的位置 （相对定位与 固定定位的结合）
3.必须设置了 top left bottom right 其中之一才会其效果
4。IE不支持