亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

相對定位和絕對定位的比較

相對定位和絕對定位的比較

正在回答

1 回答

絕對定位(absolute):
  當一個DIV塊的位置被定義為絕對定位的時候,也就意味著它失去了文檔流的位置,后面的文檔流會緊跟著補上來接替它的位置。如果上下左右的絕對偏移量都是零,那么它將漂浮在原來的位置上。否則就會以瀏覽器的上下左右四邊為基準進行偏移。
  相對定位(relative):
  當設了相對的偏移量之后,這個DIV原來所占據的位置(文檔流)不會被下面的DIV塊擠占,而是空在那里;當偏移后向下或者向右的內容會被隱藏,而 這一點區別于絕對定位,絕對定位會出現滾動條。但是向左或者向右的內容超出當前瀏覽器的視線,無論是相對還是覺得定位,超出的部分都會被隱藏。
  區別如下:
  1、相對定位不會失去文檔流中的位置,而絕對定位和固定定位都會失去原來在文檔流中的位置而被下面的替代;
  2、無論是相對、絕對還是固定定位,當偏移量超出上面、左邊瀏覽器窗體(或者說超出可視區域)的時候,超出的內容都會被隱藏;而超出下面和右邊的時候,相對定位和固定定位會隱藏超出的部分內容,而絕對定位會出現滾動條。
  3、相對、絕對和固定定位都會浮在正常文檔流的上面,如果遮蓋了正常顯示的文檔流,可以設置z-index來消除。

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁廣告特效
  • 參與學習       40172    人
  • 解答問題       132    個

原來這么EASY,從淺到深,逐步優化代碼,讓你深入理解

進入課程

相對定位和絕對定位的比較

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號