1、position:absolute; 表示絕對定位，位置將依據瀏覽器左上角的0點開始計算
2、position:relative; 如果對一個元素進行相對定位，首先它將出現在它所在的位置上。然後通過設置垂直或水平位置，讓這個元素“相對於”它的原始起點進行移動。
絕對定位使元素與文檔流無關，因此不佔據空間。普通文檔流中其這元素的佈局就像絕對定位的元素不存在時一樣。它相對於最近的已定位的祖先元素。如果元素沒有已定位的祖先元素，那麼它的位置相對於最初的包含塊。根據用戶代理的不同，最初的包含塊可能是畫布事HTML元素。
文檔流就是普通流了。就像你以前用表格佈局基本只涉及到文檔流，如絕對定位的元素不佔文檔流，它會忽略文檔流的存在而浮在已有東西的上面。如相對定位它佔文檔流 ，所以定位不好它會覆蓋已有的東西。浮動的東西也不佔的，只是文檔流會圍繞浮動的東西。因爲div佈局要經常用浮動，不浮動不好佈局。如一個主div1是文檔流，假設裏面有（2個浮動div(高100px)），如果你不加清理，或overflow或其他處理方法。因爲你的東西在兩個 浮動的div裏，這時你接個主div2,那它是出現在div1的下面，而不是在100px下，當然ie會自動擴大高度，但其他瀏覽器可不會。