定位
css三種布局機制之一，利用定位可以更方便的實現某些由浮動和標準流不容易實現的效果，比如讓元素移動到指定位置
靜態定位
position：static；
元素預設的定位就是這個，不能設定偏移，所以是無法用來實現定位布局的
相對定位
position：relative；
配合left：，top：，right：，bottom：屬性使用，當然元素偏移是要有乙個相對的位置的，就像我們以前學習物理時使用的參照物一樣，相對定位的參照物就是他在標準流中的位置，就是它未移動之前的位置。
需要注意的是，相對定位的元素不管怎麼移動，對頁面上的其他元素是沒有影響的，形象點講就是不會「擠開」其他元素，因為它並沒有脫標，它在標準流中的位置依舊保持。
絕對定位
position：absolute；
不同於相對定位，絕對定位的移動參照物是沿著父級往上找，直到找到乙個定位的父元素，就以它為參照物，如果找不到就以瀏覽器文件作為參照。
舉個例
.grandfather
.father
.son
固定定位
position：fixed；
固定定位和絕對定位一樣，會脫離標準流，但是參照物不同。固定定位是以瀏覽器視窗為參照的，且不會隨著滾動條的滾動而移動。所以我們常常用來做一些廣告效果，貼在版心板塊旁邊。
注：還有一些小tips，比如left和right，top和bottom這中相對的屬性不要混在一起用，非要用的話，誰在前面就聽誰的。
z-index
z-index屬性，可以用來決定堆疊順序，值為正數。
運用場合：定位布局時，可能會出現盒子堆疊的情況，此時就可以利用z-index屬性來決定誰在上面，誰的值越高，誰就在上面。·
css中的定位
本文只是個額外的說明，作為基礎知識的補充和額外的關注點 定位的分類以及預設定位 fix,static,relative,absolute 各個定位的包含塊是怎麼樣的 1.relative和static的包含塊由最近的塊級框，表單元格或行內塊祖先框的內容邊界構成 2.fixed的包含塊是視窗本身 3....
css中的定位
在css中避免不了定位，在實際開發中，關於定位模組有很多，定位有三種型別，絕對定位，相對定位，固定定位 1.絕對定位 position absolute 絕對定位 使元素脫離文件流，使元素提公升了半個層級 如果不指定定位父級，那麼絕對定位相對於文件可視區定位 塊元素 寬度不自適應，如果不設定大小，大...
CSS中的定位
static定位 position static 是元素在文件流中的預設定位，一般不會顯示寫出來，他會按照先後順序排列元素。fixed 定位 position fixed 跟他的名字一樣，使用這個定位，可以讓元素釘 在螢幕可視區域中，定位也是 相對於可視區域定位的。relative相對定位 posi...