CSS中常用的一種屬性是position,它可以控制元素在頁面中的位置。其中,position: fixed是一種特殊的position屬性,它可以將元素固定在頁面上,不管頁面怎么滾動,元素都會保持原來的位置。
固定頭部: header { position: fixed; top: 0; left: 0; width: 100%; } 固定側邊欄: sidebar { position: fixed; top: 80px; left: 0; } 固定底部: footer { position: fixed; bottom: 0; left: 0; width: 100%; }
以上代碼分別演示了如何通過position: fixed屬性來固定頁面中的頭部、側邊欄、和底部。在實際使用中,我們可以根據具體的需求來調整元素的位置,從而實現比較靈活的頁面布局效果。