CSS 中的位置代碼非常重要,它們決定了我們在網頁中如何定位元素。下面介紹一些常用的位置代碼:
position: relative;
相對定位,相對于元素原本所在位置進行定位,可以使用top
,right
,bottom
,left
屬性進行微調。
position: absolute;
絕對定位,相對于最近的已定位的祖先元素進行定位,如果沒有已定位的祖先元素,則相對于文檔進行定位。
position: fixed;
固定定位,將元素固定在屏幕上的某個位置,不隨頁面滾動而改變位置。
position: sticky;
粘性定位,類似于相對定位,但是在滾動到某個位置時會 “固定” 在這個位置,直到滾動回到初始位置。
以上是 CSS 中常用的定位代碼,通過靈活運用,我們可以輕松實現各種布局效果。