CSS 定位布局是網頁設計中的一種常見方式，在頭部設計中尤為常見。通過 CSS 定位，可以在不同的位置放置元素，實現更加復雜的布局效果。

.header {
position: fixed; /* 固定在頁面頂部 */
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 999; /* 確保在其他元素上方 */
}

上述代碼展示了一個典型的頭部定位示例。position 屬性被設置為 fixed，這意味著該元素會固定在頁面頂部，不會隨頁面滾動而移動。通過 top 和 left 屬性，定位頭部元素在頁面上的位置。width 屬性被設置為 100%，確保該元素占據整個頁面的寬度。

除了以上屬性之外，還可以通過其他定位屬性來實現更加復雜的頭部布局。例如，可以通過 absolute 屬性將頭部元素定位在其他元素之上，或者通過 relative 屬性在頁面上移動頭部元素的位置。

.header {
position: absolute;
top: 50px; /* 離頂部距離為 50px */
left: 50px; /* 離左側距離為 50px */
width: 200px;
height: 100px; /* 定義元素高度 */
background-color: #fff;
z-index: 999; /* 確保在其他元素上方 */
}

總之，CSS 定位是實現頭部布局的重要工具之一。通過合理使用定位屬性，可以實現復雜效果，并且讓頭部元素在頁面上更加突出和吸引眼球。