定位，同浮動一樣是前端開發人員進行css布局的另一神器。浮動布局比較靈活，但不容易控制，定位布局則相反，可以讓使用者精確地控制元素在頁面中的位置「指哪打哪」，但缺乏浮動布局的靈活性。
在css中，定位布局共有四種方式：
（1）固定定位（fixed）；
（2）相對定位（relative）；
（3）絕對定位（absolute）；
（4）靜態定位（static）。
1、固定定位
當元素的position屬性設定為fixed時，這個元素就被固定了，被固定的元素不會隨著滾動條的拖動而改變位置（在視野中），相對螢幕的可視區進行定位。
示例，
固定定位，使用top、bottom、left和right這4個屬性來設定元素相對瀏覽器視窗的位置，造成元素完全脫離文件流，改變元素型別，多用於「回頂部」特效和固定欄目的設定。
2、相對定位
當元素的position屬性設定為relative時，此時元素便具有相對定位的特性。相對定位的元素，其位置是相對於它的原始位置計算而來的，同樣具有top、bottom、left和right這4個屬性。相對定位不使元素脫離文件流，不改變元素的本身型別。示例，
3、絕對定位
絕對定位absolute,是定位屬性中出場頻率最高的乙個，一般配合relative使用，真正的實現了「指哪打哪」的效果。乙個元素變成了絕對定位元素，這個元素就完全脫離正常文件流了，絕對定位元素的前面或者後面的元素會認為這個元素並不存在，即這個元素「浮」在其他元素上面。絕對定位會改變元素的本身型別（行內元素會變成塊元素），其位置如果有定位父級相對於定位父級發生偏移，如果沒有定位父級相對於整個文件發生偏移。
4、靜態定位
如果沒有指定元素的position屬性值，元素也就是靜態定位。static是position屬性的預設值，它表示塊保留在原本應該在的位置，不會重新定位。
這個屬性一般很少使用，不支援left、top等屬性值，使用場景一般在清除其他定位屬性上。
CSS position 屬性 四種定位方式
static 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 absolute 生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規...
CSS四種定位方式的詳解
1 static 靜態定位 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 參考上篇隨筆。2 relative 相對定位 定位為relative的元素脫離正常的文件流，但其在文件流中的位置依然存在，只是視覺上相對原來的位置有移動。...
css的四種定位方式的概念記
保持對 的熱愛並保持懷疑態度 定位的屬性是position 預設值 static 為沒有定位 定位有4種 絕對定位 absolute 相對行為 relative 固定定位 粘性定位 層級關係 z index 可設定負值，值必須是整數 4個是移動的方向 left,right,top,bottom 1個...