CSS中有四種屬性可以控制元素在頁面中的位置，它們分別是上（top）、下（bottom）、左（left）、右（right）。通過這些屬性可以實現頁面中元素的任意定位。

/* 設置一個元素距離頁面頂部100像素、距離左側200像素的位置 */
.element {
position: absolute;
top: 100px;
left: 200px;
}

在上面的代碼中，我們使用了position屬性來讓元素脫離文檔流，并使用top和left屬性分別控制元素距離頁面頂部和左側的距離。

/* 設置一個元素距離頁面底部50像素、距離右側50像素的位置 */
.element {
position: fixed;
bottom: 50px;
right: 50px;
}

另外，如果你希望元素距離頁面的下邊緣或者右邊緣較近，可以使用bottom和right屬性，如上代碼所示。

/* 設置一個元素水平居中在頁面中 */
.element {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

如果你希望元素水平居中在頁面中，可以使用left屬性將元素定位到頁面的中心位置，再使用transform屬性調整元素的位置，使元素居中。

/* 設置一個元素垂直居中在頁面中 */
.container {
display: flex;
align-items: center;
justify-content: center;
}
.element {
width: 200px;
height: 100px;
}

如果你希望元素垂直居中在頁面中，可以使用display: flex將元素包裹在一個容器中，再使用align-items和justify-content屬性實現垂直和水平居中。在上面的代碼中，我們將容器的align-items和justify-content屬性都設置為center，即可實現垂直和水平居中。