您能否請我相對和絕對定位,我不明白他們兩個術語的含義。我只想得到另一種解釋,並通過我自己的理解來運行它,看看我是否正確。解釋絕對初學者的相對和絕對定位?
1
A
回答
1
你可以試試這個教程:
http://www.barelyfitz.com/screencast/html-training/css/positioning/
它清楚地解釋什麼是在一個時間小步一個相對和絕對定位。
2
剛纔看這個視頻:
http://www.cssreset.com/understanding-css-relative-and-absolute-positioning-explained/
應該解決這個問題一勞永逸。
0
讓我們從position:static;靜態是默認的,所以如果沒有指定,元素是靜態的。這是頁面上正常的元素流。例如,當元素 不適合該行時,它將轉到下一行。
然後我們有位置:相對;把它看作是相對於它自己的位置。現在我們可以使用left,right,top和bottom來將 元素從原始位置移開。
此外,將元素的位置設置爲relative時,將重置所有絕對子元素的原點。換言之,絕對子元素的位置(0,0)與相對父元素相同。
下一個是position:absolute;該元素現在位於頁面上正常的元素流之外。該位置是從找到的第一個相對父代的起點開始測量的。如果沒有找到這樣的父代,其 位置將相對於瀏覽器窗口,它與位置是相同的 :fixed;
相關問題
- 1. 絕對和相對定位
- 2. 相對定位和絕對定位
- 3. CSS定位 - 絕對/相對/?
- 4. 定位內絕對相對
- 5. CSS相對,絕對定位
- 6. 相對定位vs絕對
- 7. 絕對/相對定位
- 8. 相對絕對定位?
- 9. 絕對內相對定位?
- 10. 表格的相對和絕對定位
- 11. 相對和絕對定位的問題
- 12. SSL一個絕對的初學者
- 13. 相對定位內的絕對定位?
- 14. 相對定位和絕對座標?
- 15. Z指數和相對/絕對定位
- 16. 相對和絕對定位混淆
- 17. 絕對初學者 - 幫助需要
- 18. UDK絕對初學者教程
- 19. 如何運行makefile?絕對初學者
- 20. 絕對定位的圖像是相對於絕對定位父母的定位
- 21. 相對的絕對位置
- 22. 絕對位置和相對位置
- 23. 絕對定位DIV相對於(也絕對定位)父DIV的位置?
- 24. CSS定位相對於固定/絕對
- 25. 絕對與相對的CSS定位
- 26. 絕對定位後的CSS相對
- 27. 相對div內的絕對定位firefox
- 28. CSS相對絕對位置
- 29. 絕對和相對的CSS位置
- 30. 響應頁面絕對/相對定位
編號CSS中的概念相互構建,作爲一個絕對的初學者是無法學習定位的地方。首先,讓自己瞭解[Normal Flow](http://www.w3.org/TR/CSS2/visuren.html#normal-flow)的工作原理。 – Alohci
這可能容易理解http://designshack.net/articles/css/the-lowdown-on-absolute-vs-relative-positioning/ – krishna
相對定位的元素相對於其正常位置進行定位。絕對定位的元素相對於具有絕對或相對定位的第一個父容器。更多信息:https://kolosek.com/css-position-relative-vs-position-absolute –