静态定位和相对定位的概念

时间：2012-10-25

  静态定位是html文档中各个元素默认的定位方式,它们将按照文档流的默认方式显示,在正常的文档流中,每个元素都被定位到某个位置,我们称其为"起始点",此时top,right,bottim和left属性都不起作用.而相对定位则是在这个起始点的基础上通过top,right,bottom和left属性的组合对元素进行移位.

  相对定位的原理示意
  需要注意的是,偏移值的组合只能是以下4种之一,其余的组合都无效.
  这4种组合为:1.top和left;2.top和right;3.bottom和left;4.bottom和right.即水平和垂直方向各取一个属性值进行组合,如果水平或垂直方向存在两个相互的属性,不管它们的顺序如何,则只有left和top属性起作用.