CSS三大定位指的是相對定位、絕對定位和固定定位。這些定位可以幫助開發者更精細地掌控元素在網頁中的定位和位置。
相對定位
position: relative;
相對定位是以元素原本的位置為基礎,在此基礎上進行微調。使用相對定位后,可以使用top、left、bottom、right屬性來調整元素位置。需要注意的是,相對定位不會影響其他元素位置,它只會影響當前元素的位置。
絕對定位
position: absolute;
絕對定位是相對于父級容器的位置來進行定位。使用絕對定位后,需要再用top、left、bottom、right屬性來指定元素在父級容器中的準確定位。
固定定位
position: fixed;
固定定位是把元素固定在瀏覽器窗口中的位置。使用固定定位后,需要再用top、left、bottom、right屬性來指定元素在窗口中的位置。其作用類似于css中的position: absolute,但是它不會受到頁面滾動的影響,可以一直固定在頁面上。
下一篇css三種位置機制