重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
這篇文章主要講解了“css定位的組成和特點”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“css定位的組成和特點”吧!
讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:主機域名、網絡空間、營銷軟件、網站建設、洪江管理區網站維護、網站推廣。
1、定位的組成:將盒子定在某一個位置,所以定位也是在擺放盒子,按照定位的方式移動盒子。定位=定位模式+邊偏移。
2、定位模式有四個值static、relative、absolute、fixed。
static:靜態定位,是元素的默認定位方式,無定位的意思
relative:相對定位是元素在移動位置的時候,是相對于它原來的位置來說的。
特點:
它是相對于自己原來的位置來移動的(移動位置的時候參照點是自己原來的位置)
原來在標準流的位置繼續占有,后面的盒子仍然以標準流的方式對待它(不脫標,繼續保留原來位置)
absolute:絕對定位絕對定位是元素在移動位置的時候,相對于它祖先元素來說的。
特點:
如果沒有祖先元素或者祖先元素沒有定位,則以瀏覽器為準定位(Document文檔)
如果祖先元素有定位(相對、絕對、固定定位),則以最近一級的有定位祖先元素為參考點移動位置。
絕對定位不再占有原先的位置。(脫標)
fixed:固定定位是元素固定于瀏覽器可視區的位置。主要使用場景:可以在瀏覽器頁面滾動時元素的位置不會改變。
感謝各位的閱讀,以上就是“css定位的組成和特點”的內容了,經過本文的學習后,相信大家對css定位的組成和特點這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創新互聯,小編將為大家推送更多相關知識點的文章,歡迎關注!