CSS定位中的position屬性用于指定元素相對于其父元素的定位方式。position屬性有4個值：static、relative、absolute和fixed。

/*static
默認定位方式，元素按照正常文檔流排列，不受top、right、bottom、left影響*/
position: static;

relative定位相對于元素在文檔流中的位置移動。使用top、bottom、left、right屬性可以改變元素的位置。

/* relative
相對定位，相對于其原本的位置移動，不會影響其他元素的位置 */
position: relative;
top: 20px;
left: 20px;

absolute定位相對于最近的非static父元素的位置移動。如果沒有父元素，元素則相對于body元素定位。同樣可以使用top、right、bottom、left屬性進行位置調整。

/* absolute
絕對定位，相對于最近的非static定位的父元素進行定位，沒有非static的父元素則相對于頁面定位 */
position: absolute;
top: 50px;
left: 50px;

fixed定位相對于瀏覽器窗口定位，固定位置不隨滾動條滾動而變化。也可以使用top、right、bottom、left屬性進行位置調整。

/* fixed
固定定位，相對于瀏覽器窗口定位，不隨滾動條滾動而變化 */
position: fixed;
top: 0;
right: 0;

四種position屬性值各有其用途，在設計頁面布局的時候，考慮定位方式對頁面的影響，以便更好地實現想要的效果。