課程
/前端開發
/JavaScript
/網頁廣告特效
相對定位和絕對定位的比較
2016-08-05
源自:網頁廣告特效 1-5
正在回答
絕對定位(absolute): 當一個DIV塊的位置被定義為絕對定位的時候,也就意味著它失去了文檔流的位置,后面的文檔流會緊跟著補上來接替它的位置。如果上下左右的絕對偏移量都是零,那么它將漂浮在原來的位置上。否則就會以瀏覽器的上下左右四邊為基準進行偏移。 相對定位(relative): 當設了相對的偏移量之后,這個DIV原來所占據的位置(文檔流)不會被下面的DIV塊擠占,而是空在那里;當偏移后向下或者向右的內容會被隱藏,而 這一點區別于絕對定位,絕對定位會出現滾動條。但是向左或者向右的內容超出當前瀏覽器的視線,無論是相對還是覺得定位,超出的部分都會被隱藏。 區別如下: 1、相對定位不會失去文檔流中的位置,而絕對定位和固定定位都會失去原來在文檔流中的位置而被下面的替代; 2、無論是相對、絕對還是固定定位,當偏移量超出上面、左邊瀏覽器窗體(或者說超出可視區域)的時候,超出的內容都會被隱藏;而超出下面和右邊的時候,相對定位和固定定位會隱藏超出的部分內容,而絕對定位會出現滾動條。 3、相對、絕對和固定定位都會浮在正常文檔流的上面,如果遮蓋了正常顯示的文檔流,可以設置z-index來消除。
舉報
原來這么EASY,從淺到深,逐步優化代碼,讓你深入理解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-05
絕對定位(absolute):
當一個DIV塊的位置被定義為絕對定位的時候,也就意味著它失去了文檔流的位置,后面的文檔流會緊跟著補上來接替它的位置。如果上下左右的絕對偏移量都是零,那么它將漂浮在原來的位置上。否則就會以瀏覽器的上下左右四邊為基準進行偏移。
相對定位(relative):
當設了相對的偏移量之后,這個DIV原來所占據的位置(文檔流)不會被下面的DIV塊擠占,而是空在那里;當偏移后向下或者向右的內容會被隱藏,而 這一點區別于絕對定位,絕對定位會出現滾動條。但是向左或者向右的內容超出當前瀏覽器的視線,無論是相對還是覺得定位,超出的部分都會被隱藏。
區別如下:
1、相對定位不會失去文檔流中的位置,而絕對定位和固定定位都會失去原來在文檔流中的位置而被下面的替代;
2、無論是相對、絕對還是固定定位,當偏移量超出上面、左邊瀏覽器窗體(或者說超出可視區域)的時候,超出的內容都會被隱藏;而超出下面和右邊的時候,相對定位和固定定位會隱藏超出的部分內容,而絕對定位會出現滾動條。
3、相對、絕對和固定定位都會浮在正常文檔流的上面,如果遮蓋了正常顯示的文檔流,可以設置z-index來消除。