一開始作者在剛入學的時候，css的基本標籤都知道差不多，但是有的時候給圖片或者文字等樣式的<div>定位的時候總是出錯，最後瞭解了一下，原來是CSS有一個position定位的標籤，並且定位有static、relative、fixed、absolute以及sticky五種方式，下面作者給大家講講這五種的區別。
1.static，靜態定位，沒有特殊的定位規則，遵循正常的文檔流對象。（只定義《div》形狀，位置不動，但是隨着滾動條變化而變化）格式：
div.static {
position: static;
border: 10px solid #73AD21;
}
2.relative，相對定位，相對正常的位置而變化，適用於矩陣排版。格式：
h2.pos_left { position:relative; left:-20px; } h2.pos_right { position:relative; left:20px; }
3.fixed，元素的位置相對於瀏覽器窗口是固定位置。即使窗口是滾動的它也不會移動：格式：
p.pos_fixed { position:fixed; top:30px; right:5px; }
4.absolute，絕對定位，對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於<html>:格式：
h1{ position:absolute; left:100px; top:150px; }
5.sticky ,基於用戶的滾動位置來定位。格式：
div.sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; background-color: green; border: 2px solid #4CAF50; }