一.position屬性
意指:盒子的位置。
四個屬性:
1.static:預設值，沒有定位，元素按照標準文件流進行布局。
2.relative:相對定位，使用相對定位的盒子位置以標準文件流進行的排辦方式為基礎，然後使盒子相對於他原本的位置偏移指定的距離。相對定位的盒子仍然在標準文件流中，其後的盒子仍以標準文件流當是對待它。
3.absolute:絕對定位，盒子的位置以包含他的盒子為基準進行偏移。絕對定位的盒子從標準文件流中脫離。這意味著他們對其後的其他盒子的定位沒有影響，對於其他的盒子來說就好像這個盒子不存在一樣。
4.fixed:固定定位，他和絕對定位類似，只是以瀏覽器視窗為基礎進行定位，也就是說當拖動瀏覽器視窗的滾動條時，依然保持物件位置不變。
例
……第乙個盒子
第二個盒子
第三個盒子
﹉﹉
div＃father
#fir
……
＃設定相對定位元素的規律＃
1)設定相對定位的盒子會相對他原來的位置，通過指定的位移，到達新的位置。
2)設定相對定位的盒子扔在標準文件中，他對父級盒子和相近的盒子都沒有任何影響。
3)設定相對定位的盒子原來的位置會被保留下來。
#絕對定位#
1)使用絕對定位的元素以他最近的乙個「已定位」的「祖先」元素為基準進行偏移。如果沒有已定位的祖先元素，那麼以瀏覽器為基準進行定位。
2)絕對定位的元素從標準文件流中拖影，這意味著他們√其他元素的定位不會造成影響。
^o^相對定位的特性:
1）相對定位自己的初始位置來定位。
2）元素位置發生偏移後，他的原來位置會被保留下來。
3）層次提高，可以把標準文件流的元素及浮動元素蓋在下面。
使用場景
1）相對定位一般情況很少單獨用，都是配合絕對定位使用，為絕對定位創造父級而不是位置偏移。
^o^絕對定位的特性:
1）絕對定位相對他的定位父級的位置來定位的。
2）元素位置發生偏移後，他原來的位置不會被保留下來。
3）層次提高，可以把標準文件流中的元素及浮動元素蓋在下面。
4）設定絕對定位的元素脫離文件流。
使用場景
1）一般情況下，絕對定位用在下拉列表，焦點圖輪播，跳出數字泡，特別等場景
二.z-index屬性
用來解決覆蓋的元素他們上下位置
z-index:(數字);
兩個屬性:
1.opacity:x 值為0～1
2.filter:alpha 值為0～100
由於瀏覽器的相容，一般情況兩個同時使用。
html網頁定位
網頁地理定位有兩種 1.對於擁有 gps 的裝置，比如 iphone，html5 geolocation api 可以獲得使用者的地理位置，internet explorer 9 firefox chrome safari 以及 opera 支援地理定位。2.對於未擁有gps的裝置，比如pc，就可以...
定位網頁元素
定位網頁元素 一 網頁的定位機制 1.網頁中的三種定位機制 a 標準文件流 b 浮動float c 絕對定位 2.僅用浮動和盒子模型，無法實現特定情況下的複雜定位 a 右上角的關閉按鈕效果 b 固定在右下角的回頂部 c 滑鼠移上去的下拉效果 3.position屬性實現元素的定位 position ...
定位網頁元素
定位屬性position static 預設值，沒有定位 relative 相對定位 third 例 偏移設定 top 上 left 左 right 右 bottom 下 偏移位置設定是距離設定方向的邊框的距離 在邊框內是正 absolute 絕對定位 使用了絕對定位的元素以它最近的乙個 已經定位 ...