1.relative是自身定位,距原本位置的偏移

2.无侵入布局: 挪动位置,原本位置还在占据,并不会影响其他元素的布局
   应用: 实现鼠标拖拽,比自身api好用

3.top/bottom 和 left/right对立属性同时存在时:
   relative: 斗争 - 只有一个能存在,无视bottom、right
   absolute: 拉伸 - 不设置宽度或高度,就可以自动增高或增宽

4.relative的最小影响原则:
   尽量降低relative属性对其他元素或布局的潜在影响!
 (在IE7、IE8很容易出现bug)
  尽量避免使用relative
  absolute定位可以不依赖relative

04-25 13:29