css 4種定位方式

CSS的定位即position屬性的值有4種：static,relative,absolute,fixed。

1. static是默認值，元素位於文檔流中，正常顯示，忽略元素的top,bottom,left,right屬性。需要注意的一點是z-index屬性在這個定位方式下始終為0.如果其他定位方式的漂浮元素要位於static定位的內容之下，必須使用負數的z-index屬性才行。
2. relative是保留元素在文檔流中占用的位置和尺寸，元素在static模式的位置下為起點由top,left幾個屬性確定相對移動的距離。
3. absolute模式文檔流中不再給元素保留空間，元素相對於網頁的左上角定位。
4. fixed和absolute差不多，但是它相對的是窗口的左上角，也就是文檔比較長出現滾動的時候，fixed定位的元素不會跟隨文檔滾動。但是如果在多frame頁面里面，它相對的是所在frame的左上角，而不是一些地方講的瀏覽器左上角。