在前端開發中，頁面布局是非常重要的環節。而最基本的頁面布局中，包括了一個重要的元素——div。div 是一個容器標簽，通過設置它的樣式可以實現特定的布局。其中，讓 div 始終居中是較為常見的需求。

.center-div {
position: absolute;  /*相對其父元素定位*/
top: 50%;            /*距離頂端50%*/
left: 50%;           /*距離左端50%*/
transform: translate(-50%, -50%);   /*將div向左向上移動自身大小的一半*/
}

上述代碼是通過定位和 transform 來實現 div 居中的方式。首先，設置 div 的 position 屬性為 absolute，相對于其父元素定位。接下來，設置 div 的 top 和 left 屬性為 50%，使其相對于父元素垂直與水平居中。但此時 div 仍然是以左上角為基準，需要利用 transform 來移動 div 到正中央。其中，translate(-50%,-50%) 表示向左和向上移動 div 大小的一半，使其最終居中。

總結一下，實現 div 的居中布局，可以通過設置 div 的樣式屬性 position 為 absolute，top 和 left 分別為 50%，然后配合 transform 移動 div 的方法來實現。這些樣式屬性和對應的數值會相對于父元素來進行設置的。