定位有5種方式：
1. static 靜態定位/無定位：沒用型
用於消除定位，符合標准流;
2. relative 相對定位：自戀型
（1）相對位置占據文檔流，它相對自己原來位子挪動，即移動位置參照自己原來的位置；
（2）原來空缺的位子仍保留，即空缺的位置不會被其他元素所占有；
（3）給絕對定位當爹的.
3. absolute 絕對定位：拼爹型
（1）始終由父標簽決定其位置，即以父標簽作為參照物；
（2）若無祖先元素/祖先元素沒有定位，則以整個瀏覽器作為參照物；
（3）若祖先元素有定位（除了static定位之外），則以最近一級的定位祖先元素作為參照物（就近原則）；
（4）絕對定位脫離文檔流，即相對定位祖先標簽挪動后，原來的空缺位置不再占有；
4. fixed 固定定位：
（1）用於固定在瀏覽器頁面上，不隨瀏覽器的滾動而改變位置；
（2）以瀏覽器為參照物，和父元素沒有任何關系；
（3）不隨滾動條的滾動而滾動；
（4）固定定位不占有原來的位置，即脫離標准流.
5. sticky 粘性定位：
（1）以瀏覽器為參照物（體現固定定位特點）；
（2）占有原來位置（體現相對定位特點）；
（3）必須添加top、bottom、left和right中的一個才有效，比如position: sticky top 100px; .