CSS在制作手機版網站時，位置的布局顯得尤為重要。下面我們來了解一下關于CSS手機版位置的相關知識。

@media screen and (max-width: 768px) {
/*下面是CSS代碼*/
.container {
width: 100%;
}
.box {
width: 50%;
margin: 0 auto;
text-align: center;
}
}

在制作手機版網站時，我們需要根據不同的設備尺寸來設置不同的位置樣式，這就需要使用@media查詢語句。

在上面的代碼中，我們首先使用了@media查詢語句，當屏幕寬度小于等于768px時就會執行@media代碼塊中的代碼。

然后我們使用了.container和.box兩個類，其中.container設置了width: 100%以使其占據整個屏幕寬度，.box則設置了width: 50%; margin: 0 auto;以使其在容器中居中，并且使用了text-align: center;將.box元素內部的文本居中對齊。

通過這種方式，我們可以輕松地設置出適用于手機屏幕的位置樣式，以便于用戶瀏覽和使用。