為什麼要學習定位呢？因為很重要。。。(ps:這不是廢話嘛)這樣子把，假如說我們需要在乙個盒子裡居中顯示乙個小盒子，那麼就是需要定位來坐，定位用的頻率還是非常高的。
css定位分為三種：絕對定位 相對定位 固定定位。各位看官不要急，聽我一一道來。
相對定位：position:relative
相對定位相對誰？相對的是改控制項原來的位置
top 正數向下
left 正數向右
right 正數向左
bottom 正數向上
但是呢以上四個引數可不是隨便選的，top/bottom,left/right 都只能二選一，不然top和bottom同時設定只有top有效，left和right同時設定只有left有效。
還有一點設定了相對定位的元素不脫標，就是說還是按照標準流的要求。
請輸入使用者名稱:
同樣的那麼絕對定位相對於誰呢？絕對定位相對於離自己最近的且設定了相對定位的父標籤，那麼有人會問如果沒有父標籤設定相對定位呢？那要怎麼辦？那麼就相對body
接下來說說絕對定位的一些特性把
先上**把
以上就是效果圖，
１．top的定位參考點是以頁面的上方，搭配left/right就是頁面的左上角/右上角
２．bottom的定位參考點是瀏覽器首屏的下方，，搭配left/right就是瀏覽器首屏的左下角/右下角
什麼叫瀏覽器的首屏？就是第一次開啟瀏覽器時，你所看到瀏覽器顯示的大小。然後呢絕對定位就相對於你所看到的瀏覽器顯示的介面去定位。這麼說把如果你把瀏覽器拉小，那麼顯示的效果也不一樣。
下面放上一張把瀏覽器壓縮後的顯示的效果
看到了嗎？就是相對於瀏覽器第一次顯示時候的介面。
這種情況常用的術語叫做子絕父相，就像剛開頭說的想要居中顯示，就需要給父盒子設定相對定位，子盒子設定絕對定位。下面我們來乙個例子，便於理解子絕父相的概念
我們可以看到最終的效果就是居中了！居中了！居中了！
我們來看看究竟是什麼語句讓其居中？
top:50%; margin-top: -50px; 首先是top的50%,這百分號是什麼意思？其實就是父標籤的百分比，如top:50%,就是說top父親高度的百分之50，如此子孩子的頂部已經位置父親的垂直居中了，但是孩子卻沒有居中，所以需要再減去孩子自身高度的一般，這樣子在豎直上，才是真正意義上的居中。水平居中同理left: 50%; margin-left: -50px;
在來個例子，輪播圖，在使用輪播圖時，就需要用到絕對定位，直接上例把
固定定位position:fixed;
可是會使元素脫標，參考的點是瀏覽器的四個角
定位的已經講完，接下來會來講html5，如有表達錯的請諒解和提出錯的點，望能共同進步。
前端攻城獅 css樣式之選擇器
前面我們了解到了html的骨架的組成，還有一些常見的標籤，但是決定乙個網頁的漂不漂亮是需要css來控制，可以說html是乙個人的身體，而css就是乙個人身穿的衣服，那麼接下來我們去了解一下css的奧秘所在。1.行內式 2.外鏈式 推薦使用 3.內嵌式 不推薦使用 段落 css樣式語法格式如下 選擇器...
前端攻城獅日積月累技能
這些 基本功 可以有利於你專案的業務邏輯 設計模式 提高專案功能的效能 資料結構與演算法 優化提公升網路的通訊效率 網路原理 什麼是高質量 如何寫出高質量 都是我們要弄明白的問題。對於什麼高質量的 俺的個人見解一下幾個方面。第一，程式中的一些邊界條件是否考慮清楚。通常我們前期寫 都是 bug 百出，...
前端攻城獅 js之dom物件 2
本章節主要講計算後樣式和測量的相關知識點。我們可以通過dom提供的可靠的api，去獲採樣式計算後最終的值。獲取計算後的樣式的方法有以下幾種 我們來分析一下三者的使用區別 getcomputedstyle 物件 getpropertyvalue 屬性 該方法無法相容到ie6 7 8 後面的屬性同css...