解釋絕對初學者的相對和絕對定位？

Question

您能否請我相對和絕對定位，我不明白他們兩個術語的含義。我只想得到另一種解釋，並通過我自己的理解來運行它，看看我是否正確。

Answer 1

你可以試試這個教程：

http://www.barelyfitz.com/screencast/html-training/css/positioning/

它清楚地解釋什麼是在一個時間小步一個相對和絕對定位。

Answer 2

剛纔看這個視頻：

http://www.cssreset.com/understanding-css-relative-and-absolute-positioning-explained/

應該解決這個問題一勞永逸。

Answer 3

• 讓我們從position：static;靜態是默認的，所以如果沒有指定，元素是靜態的。這是頁面上正常的元素流。例如，當元素 不適合該行時，它將轉到下一行。

• 然後我們有位置：相對;把它看作是相對於它自己的位置。現在我們可以使用left，right，top和bottom來將 元素從原始位置移開。

• 此外，將元素的位置設置爲relative時，將重置所有絕對子元素的原點。換言之，絕對子元素的位置（0,0）與相對父元素相同。

• 下一個是position：absolute;該元素現在位於頁面上正常的元素流之外。該位置是從找到的第一個相對父代的起點開始測量的。如果沒有找到這樣的父代，其 位置將相對於瀏覽器窗口，它與位置是相同的 ：fixed;