最近做了幾個簡單的網頁，發現定位真的非常好用，下麵我來總結下定位的使用方法。 定位：position 首先我們一起來看看定位的基本思想：它允許你定義的元素框相對於其正常位置應該出現的位置，或者相對於父元素，另一個元素甚至瀏覽器視窗本身的位置。 定位：絕對定位，相對定位，固定定位。 ①position ...
最近做了幾個簡單的網頁，發現定位真的非常好用，下麵我來總結下定位的使用方法。
定位：position
首先我們一起來看看定位的基本思想：它允許你定義的元素框相對於其正常位置應該出現的位置，或者相對於父元素，另一個元素甚至瀏覽器視窗本身的位置。
定位：絕對定位，相對定位，固定定位。
①position：static
元素框正常生成。塊級元素生成一個矩形框，作為文檔流的一部分，行內元素則會創建一個或多個行框，置於其父元素中。
②position：relative
元素框偏離某個距離。元素仍保持其未定位前的形狀，它原本所占的空間仍保留。
用來給元素（標簽）進行位置微調，給絕對定位做參考（子絕父相）
相對定位的元素在進行位置移動時，是相對於自己原來的位置進行移動。
③position：absolute
主要用來讓元素進行“肆無忌憚”的位置移動。
絕對定位的元素進行移動，如果有父元素，那麼要看一下父元素本身是否具有定位屬性（相對定位/絕對定位/固定定位），如果有，就以當前父元素為參考，如果父元素沒有定位屬性，那麼就繼續向上找。
絕對定位可以讓網頁結構更加的穩定。
④position：fixed
元素移動參考以瀏覽器視窗為準。
