CSS盒子模型是前端開發中常用的一種布局方法。其中最常用的調整方式之一是調整盒子的位置。

要調整盒子的位置，可以使用CSS中的position屬性。position屬性有三個可選值：static、relative和absolute。

首先，我們來看static。這是position屬性的默認值，也就是盒子根據文檔流自動排列的狀態。如果需要通過調整left、right、top、bottom屬性來調整位置，必須先將position的值設置為relative或absolute。

.box {
position: relative;
left: 50px;
top: 50px;
}

通過將position設置為relative，并分別調整left和top屬性的值，可以使盒子相對于原本應該排列的位置向右、向下偏移50px。

.box {
position: absolute;
left: 50px;
top: 50px;
}

如果將position設置為absolute，則可以使盒子相對于最近的position值為relative或absolute的祖先元素進行定位，而非文檔流。

最后需要注意的是，如果要讓盒子水平居中或垂直居中，可以使用margin屬性。例如，要使一個寬度為400px的盒子水平居中，可以設置margin-left和margin-right為auto。

.box {
width: 400px;
margin-left: auto;
margin-right: auto;
}

以上就是CSS盒子調整位置的簡單介紹，希望對大家有所幫助。