relative:相对定位,相对于自己的原始位置挪动,页面其他部分没发生任何变化,换句话说,这个元素原来占据的空间没有动,其他元素也没有动.
absolute:绝对定位,将元素彻底从文档流中抽出,元素之前占据的空间被"回收",该元素相对于body在定位.其他元素补充被"回收"的空间.
fixed:固定定位,跟绝对定位概念一样,只是不会随着页面滚动而滚动.
以后再补充,顺便说下,如果left:50%没有居中的话,那么可以加上margin-left:-xx;可以让它居中.
定位上下文的话<div style="positive:relative"><div style="positive:absolute"></div></div>