CSS格局是實現頁面布局和樣式的基石。有時候，我們需要把一個div元素固定在頁面的中央，下面來介紹一下如何使用CSS實現這個功能。

首先，我們需要創建一個div元素，設置它的寬度和高度，并且設置它的position屬性為absolute，因為我們要讓它在頁面絕對定位。我們還需要設置它的左邊和上邊距離頁面左邊和上邊的距離都為50%。

div {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
}

然而，這時候固定的div元素只會顯示在頁面的左上角，因為它的位置是以左上角為基準定位的。我們還需要使用transform屬性來把它移動到頁面的中央。

div {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

這樣，我們就完成了把一個div元素固定在頁面中央的CSS樣式設置。