CSS元素定位是指通過CSS樣式來調(diào)整HTML文檔中各個(gè)元素的位置、大小、層次關(guān)系等等。
示例: div { position: relative; top: 50px; left: 100px; }
以上代碼表示將div元素相對(duì)于原位置向下移動(dòng)50像素,向右移動(dòng)100像素。
常見的定位屬性有:
- static(默認(rèn)值):元素正常的文檔流,不做特殊處理。
- relative:元素相對(duì)于其正常位置進(jìn)行定位,可以用top、bottom、left、right屬性來設(shè)置位置偏移。
- absolute:元素相對(duì)于其父元素進(jìn)行定位,可以通過設(shè)置top、bottom、left、right屬性來調(diào)整位置。
- fixed:元素相對(duì)于瀏覽器窗口進(jìn)行定位,可以通過設(shè)置top、bottom、left、right屬性來調(diào)整位置。
通過以上屬性設(shè)定元素定位,可以實(shí)現(xiàn)網(wǎng)頁布局中的各種效果,如固定導(dǎo)航菜單、懸浮對(duì)話框等等。