CSS3中提供了很多對于頁面布局非常有用的屬性，其中之一就是位置固定（position: fixed）。

該屬性可以將指定的元素固定在頁面的某個位置不動，無論用戶滾動頁面，該元素都會保持在原處。這個屬性可以應用于任何HTML元素。

/* 將指定元素固定在頂部 */
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
/* 將指定元素固定在底部 */
.footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
/* 將指定元素固定在右側 */
.right-side {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
}

在實際使用中，我們可以將導航欄或者廣告條使用位置固定的方式，讓其始終顯示在用戶的視野范圍內，從而提高用戶體驗。