css職位有什麼區別？

Question

我是新來的CSS。我試圖理解，但我不能。請給我解釋一下的位置（絕對的，固定的，相對的，靜態的）。什麼地方使用？

Answer 1

在這裏你可以瞭解css poisitions




position: static;

靜態定位的元素不會受到頂部，底部，左側和右側性質之間的基本區別。 position: static;的元素沒有以任何特殊方式定位;它始終按照頁面的正常流程進行定位。

position: relative;

與position: relative;一個元件相對於它的正常位置的位置。 設置相對定位元素的頂部，右側，底部和左側屬性會使其從其正常位置調整。其他內容將不會被調整以適應元素留下的任何空白。

position: fixed;

與position: fixed;的元素相對於所述視口，這意味着它總是停留在即使頁面滾動相同的地方定位。頂部，右側，底部和左側屬性用於定位元素。

position: absolute;

與position: absolute;一個元件位於相對於最近的定位的祖先（而不是相對於視地定位，象固定的）。

但是;如果絕對定位元素沒有定位祖先，則它使用文檔正文，並隨頁面滾動一起移動。