position標識定位,就類似於百度地圖上一系列定位點,position就是給html元素定位的。
position有四種值:
/**
* 默認未設置的值,沒有任何影響
*/
position: static;
/**
* 相對定位,以默認位置為參照起始點,進行偏移定位
*/
position: relative;
/**
* 絕對定位,以已經定位的最近的祖先元素為參考起始點,進行偏移定位,此時脫
* 離文檔流
*/
position: absolute;
/**
* 固定定位,以瀏覽器窗口為參考起始點,進行偏移定位
*/
position: fixed;
上面所說的偏移定位,到底偏移多少呢?這個時候就要引出標識偏移值的屬性
/**
* left 標識當前元素左邊沿相對於參考起始點左邊沿向右偏移100px
*/
left: 100px;
/**
* right 標識當前元素右邊沿相對於參考起始點右邊沿向左偏移100px
*/
right: 100px;
/**
* top 標識當前元素上邊沿相對於參考起始點上邊沿向下偏移100px
*/
top: 100px;
/**
* bottom 標識當前元素底邊沿相對於參考起始點底邊沿向上偏移100px
*/
bottom: 100px;
關鍵是對以上定位意思和偏移學習了解,必然對元素定位熟悉透徹。
謝謝關注頭條號,關注青少部編程和職業編程