在Web開發中，CSS盒子模型是非常重要的概念之一，它能夠幫助我們更好地控制頁面中的元素。其中，盒子的定位是一個非常關鍵的問題，我們可以使用CSS的定位屬性對盒子進行定位。

.box {
width: 200px;
height: 200px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的代碼是一個簡單的CSS盒子，在它的樣式中，我們使用了相對定位(position: relative)、垂直居中(top: 50%)、水平居中(left: 50%)和位移(transform: translate(-50%, -50%))等屬性來實現盒子的局中（即盒子的中心點位于父元素的中心點）。

CSS中還有其他的定位屬性，例如絕對定位(position: absolute)、固定定位(position: fixed)、靜態定位(position: static)等，它們可以幫助我們實現更復雜的頁面布局。針對不同的需求，我們可以靈活運用這些定位屬性，實現自己想要的效果。