CSS中常用的定位有以下幾種:
1. position: static; 2. position: relative; 3. position: absolute; 4. position: fixed;
1. position: static;
默認的定位方式,元素位置根據HTML文檔流來決定,即元素出現在HTML文檔中所在的位置。
2. position: relative;
相對定位,通過top、right、bottom、left屬性來進行定位,元素的位置是相對于元素自身原本的位置來定位的。
例子: div { position: relative; left: 20px; top: 30px; }
3. position: absolute;
絕對定位,通過top、right、bottom、left屬性來進行定位,元素的位置是相對于定位父元素來定位的,如果沒有指定定位父元素,則相對于HTML文檔。
例子: div { position: absolute; right: 0; bottom: 0; }
4. position: fixed;
固定定位,元素的位置是相對于視窗來定位的,不隨頁面滾動而改變。
例子: div { position: fixed; top: 0; left: 0; }
下一篇css序號從2開始