HTML定位代碼用于將一個元素放置在頁面中特定的位置。其中最基本的定位代碼是使用CSS來設置元素的position屬性。下面介紹三種常用的定位代碼:
position: static; /* 默認值,元素在文檔流中占據的位置不會受到影響,不能使用top、right、bottom、left來移動元素 */ position: relative; /* 元素的位置為相對于它原來的位置,可以使用top、right、bottom、left來移動元素 */ position: absolute; /* 元素的位置為相對于它的第一個非static的父元素,如果沒有非static的父元素,那么它的位置就是相對于body元素。可以使用top、right、bottom、left來移動元素 */
除了上面的三種基本的定位代碼外,還有一種特殊的定位代碼:fixed。使用fixed定位的元素,其位置相對于瀏覽器窗口,不隨網頁的滾動而改變,往往用于固定頁面中的某個元素,如導航欄。fixed定位代碼的用法如下:
position: fixed; top: 0; right: 0;
上面的代碼會將元素定位在頁面的右上角,不會被網頁滾動條影響。