CSS position 定位总结

position定位用于局部的布局。(页面整体布局通过div+float)


1)如果元素相对于父元素设置坐标:父元素设为relative、子元素设为absolute;

2)如果元素相对于浏览器窗口的固定显示内容,使用fixed;

3)其它,使用static;


也有个别项目习惯所有div(甚至所有元素)先默认设成relative定位,然后需要absolute与fixed的再相应设置就简单了。

div{
  position:relative;
}

或者

*{
  position:relative;
}