在頁面設計中，有時需要將某些元素的位置固定在頁面的特定位置，而不受頁面滾動的影響。這時，就可以使用CSS3中的層固定位置來實現。

層固定位置實際上就是將某個元素的定位方式設為fixed，使其在頁面滾動時保持固定位置不變。下面是一些樣例代碼來演示如何實現層固定位置。

/* 將一個id為header的元素固定在頁面頂部 */
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 100;
}
/* 將一個id為sidebar的元素固定在頁面左側 */
#sidebar {
position: fixed;
top: 100px;
left: 0;
width: 200px;
background-color: #f2f2f2;
z-index: 200;
}
/* 將一個id為footer的元素固定在頁面底部 */
#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
text-align: center;
z-index: 100;
}

通過設定不同的屬性值，可以實現將元素固定在不同的位置，以達到不同的設計效果。其中，z-index屬性可以控制層疊順序，使固定元素始終在其他元素的前面。

需要注意的是，在使用層固定位置時，需要考慮到不同分辨率下的顯示效果，以及可能產生的遮擋問題。此外，也需要慎重考慮是否適用于移動設備等交互方式有限的場景。