Web 開發中，CSS 是控制頁面布局和樣式的重要技術之一。在網頁開發中，控件的位置是非常重要的，雖然我們可以使用 HTML 元素直接控制控件的位置，但是使用 CSS 可以更好的控制控件的位置。

CSS 中，設置控件位置有多種方式，最常用的方式是使用position屬性，其可選值包括static、relative、absolute和fixed。

// 設置元素的 position 為 relative，表示該元素相對于它原本的位置進行偏移
.element {
position: relative;
left: 20px;
top: 10px;
}
// 設置元素的 position 為 absolute，表示該元素相對于其父元素進行定位
.box {
position: relative;
height: 200px;
}
.box .element {
position: absolute;
left: 0;
top: 0;
}
// 與 absolute 類似，但不隨滾動條移動
.box {
position: relative;
height: 2000px;
}
.box .element {
position: fixed;
left: 0;
top: 0;
}

除了使用position屬性，還可以使用簡寫屬性margin和padding來控制矩形控件的位置。其中，margin表示元素周圍的空白區域，而padding表示元素內部的空白區域。

// 設置元素的 margin 和 padding
.element {
margin: 10px;
padding: 5px;
}

以上就是關于 CSS 如何設置控件位置的一些基本內容，希望能夠對 Web 開發初學者有所幫助。