CSS中的position屬性可以控制HTML元素在文檔中的位置。position屬性有四個值可以選擇：static、relative、absolute和fixed。

div {
position: static;
}

靜態定位是默認的position屬性值，它不會改變HTML元素的定位。如果使用相對定位，元素將相對于其原始位置移動。我們可以通過top、bottom、left和right屬性來控制該元素在文檔中的位置。

div {
position: relative;
top: 20px;
left: 50px;
}

如果使用絕對定位，元素將相對于包含它的元素移動。我們可以通過top、bottom、left和right屬性來控制該元素在包含它的元素中的位置。

div {
position: absolute;
top: 50px;
left: 100px;
}

固定定位意味著該元素在窗口中的位置是固定的，無論頁面滾動了多少。我們可以使用top、bottom、left和right屬性來控制它在窗口中的位置。

div {
position: fixed;
top: 0;
left: 0;
}

無論選擇哪種定位方式，都需要確保元素不會與其他元素重疊。為了避免這種情況，我們可以使用z-index屬性來控制元素的垂直層疊順序。

div {
position: relative;
z-index: 1;
}
h1 {
position: relative;
z-index: 2;
}

通過使用position屬性和不同的值，我們可以控制HTML元素在文檔中的位置。