修改控件位置是網頁設計中非常重要的一項技能，可以讓頁面更加美觀、舒適。在CSS中，通過使用position屬性來調整控件的位置。 位置屬性分為三種：static、absolute、fixed和relative。其中，static是默認的定位方式，控件會按照文檔流的順序排列，無法通過left、right、top和bottom屬性調整位置；absolute是相對于上一級設置了position屬性的控件的位置進行定位，可以通過left、right、top和bottom屬性來調整位置，但是對于文檔流中的其他控件沒有影響；fixed是相對于瀏覽器窗口進行定位，控件位置不會隨著滾動而改變，可以通過left、right、top和bottom屬性來調整位置；relative是相對于控件本身在文檔流中所占的位置進行定位，同樣可以用left、right、top和bottom屬性調整位置，但不會影響其他控件的位置。 下面是一個例子，展示如何通過使用position屬性來調整按鈕的位置：

在上述例子中，我們通過設置container的position屬性為relative，使其中的子控件btn可以使用position:absolute屬性來進行定位。在btn的CSS樣式中，top和left屬性均為50%，表示按鈕位于container的中央位置。transform:translate(-50%,-50%)使按鈕相對于它自身的中心位置向左偏移50%、向下偏移50%，使其完美地處于中央位置。 通過上述例子可以幫助大家更好地掌握CSS中如何使用position屬性來調整控件的位置。