HTML定位:
HTML中有三種定位,分為絕對定位,相對定位和固定定位,它們都有各自的作用。
1.絕對定位: 絕對定位指的是通過規定HTML元素在水平和垂直方向上的位置來固定元素,基於絕對定位的元素不會占據空間。
絕對定位的位置聲明是相對於已定位的並且包含關系最近的祖先元素。如果當前需要被定為的元素沒有已定位的祖先元素作為參考值,則相對於整個網頁。
用代碼表示為:position:absolute;
2.相對定位:相對定位與絕對定位的區別在於它的參照點不是左上角的原點,而是該元素本身原先的起點位置。並且即使該元素偏移到了新的位置,也仍然從原始的起點處占據空間。
用代碼表示為:position:relative;
3.固定定位:固定定位永遠都會相對於瀏覽器窗口進行定位,固定定位會固定在瀏覽器的某個位置,不會隨滾動條滾動。
用代碼表示為:position:fixed;
代碼展示如下: