CSS是樣式表語言中的一種，利用它可以設置HTML中控件（元素）的樣式，包括大小、顏色、字體、位置等。在這篇文章中，我們將重點講解如何使用CSS確定控件的位置。

在CSS中，有三種常用的定位方式：相對定位、絕對定位和固定定位。

/* 相對定位 */
元素 {
position: relative;
top: 10px;
left: 20px;
}
/* 絕對定位 */
元素 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 固定定位 */
元素 {
position: fixed;
top: 0;
left: 0;
}

相對定位是相對于元素原來的位置進行定位。上例中的元素距離原來位置向下移動了10px，向右移動了20px。

絕對定位是相對于最近的定位父元素進行定位。如果沒有定位父元素，則相對于body定位。上例中的元素距離最近的定位父元素（或者body）頂部距離為50%，左邊距離也為50%。使用transform屬性可以讓其水平垂直居中。

固定定位是相對于瀏覽器視口進行定位，即不會隨著頁面滾動而移動。上例中的元素距離瀏覽器視口頂部和左邊均為0。

在CSS中還可以使用z-index屬性來設置元素的堆疊順序。z-index數值越大，元素顯示的優先級越高。

/* 設置堆疊順序 */
元素 {
z-index: 999;
}

最后，需要注意的是，定位會影響到元素的盒模型（box-sizing屬性），需要根據實際情況進行調整。