當前位置:趣味科普網>經驗>

絕對定位和相對定位的區別

經驗 閱讀(9.93K)

絕對定位和相對定位的區別

相對定位不會失去文件流中的位置,而絕對定位和固定定位都會失去原來在文件流中的位置而被下面的替代。無論是相對、絕對還是固定定位,當偏移量超出上面、左邊瀏覽器窗體(或者說超出可視區域)的時候,超出的內容都會被隱藏。

絕對定位和相對定位

相對定位:對一個元素進行相對定位,它將出現在它所在的位置上。可以通過設定垂直或水平位置,讓這個元素“相對於”它的起點進行移動。

絕對定位:文字流中的內容會頂替絕對定位元素的位置,而絕對定位元素自然的層疊於文字流之上。而在單一的絕對定位中,定位元素將會跑到網頁的左上角,因為那裡是被絕對定位後的座標原點。