目錄
關於距離的解釋：
一、相對定位 relative
二、絕對定位 absolute
三、固定定位 fixed
例如：right:8 px; /*執行此操作之後的圖形的右邊界距離自身（移動前）的右邊的距離是8 px*/
1.如果是（right）右邊則兩者都是右邊：即想要的圖形的右邊與移動前的圖形的右邊的距離是8 px
2.關於距離正負值代表的意義：a是我們想要的，b是已經有的，及移動前用作參照的自身。
（1）如果是a在b的左邊，則取值為正值。如 8 px;
(2) 如果是a在b的右邊，則取值為負值。如 -8 px;
要點：1.參照物為自身；
2.相對定位只改變顯示的位置，而不會改變占用的空間位置；
3.關於距離的正負值：
position:relative; /*採用相對定位*/
right:8 px; /*執行此操作之後的圖形的右邊界距離自身（移動前）的右邊的距離是8 px*/
/*1.如果是（right）右邊則兩者都是右邊：即想要的圖形的右邊與移動前的圖形的右邊的距離是8 px*/
/*2.關於距離正負值代表的意義：a是我們想要的，b是已經有的，及移動前用作參照的自身。
（1）如果是a在b的左邊，則取值為正值。如 8 px;
(2) 如果是a在b的右邊，則取值為負值。如 -8 px;
*/
ps:如果距離當前最近的父元素不具有定位屬性，則會一層一層向外找，直到找到具有定位屬性（這裡僅要求三種定位屬性任一都可）的父元素而進行定位，如果找到最後未能找到具有定位屬性的父元素，de則最終會依照body進行定位。
2.絕對定位不僅會改變顯示的位置，而且會改變占用的空間位置。就好比是元素處於一種懸空漂浮的狀態，沒有「肉體」！
3.關於距離的正負值，和上面的相對定位的性質一樣。
position:absolute; /*採用絕對定位*/
right: 9px; /*將自己的右邊界與 具有定位屬性的父元素的右邊界距離為 9px,如果所有父元素都沒有定位屬性，則直接將右邊界定位到距離body右邊界 9px處。 */
2.固定定位的位置是 相對當前瀏覽器視窗 的；
position:fixed;/*採用固定定位*/
bottom: 100px; /* 將自己的下邊界定位到距離瀏覽器視窗下邊界的 100px位置處 */
html的三種定位
前端開發中比較常用的定位有三種 相對定位，絕對定位，固定定位。相對定位position relative 1.它可以在四個方向分別或者同時進行偏移 2.定義時它的參照物是父元素 沒有時為瀏覽器本身 3.偏移後元素的原來位置還是被佔著，並沒有空出來 4.當父元素和子元素同時定義時，他們的參照物是父元素...
HTML5的三種儲存方式以及區別
首先講儲存方式前要先知道為什麼要使用他 一是利用本地資料，介紹網路請求 二是弱網環境下，高延遲，低頻寬，要把資料本地化 介紹 儲存大小 5m，cookie只有4k，瀏覽器相容性非常好，ie8以上都支援，ios無痕瀏覽失效 這個是瀏覽器相容查詢 localstorage 不設定時間戳，不會過期 ses...
HTML中的三種定位方式
在一般的前端開發中比較常用的定位有三種 相對定位，絕對定位，固定定位。下面簡要的說明一下他們的使用特點 相對定位position relative 1.它可以在四個方向分別或者同時進行偏移 2.定義時它的參照物是父元素 沒有時為瀏覽器本身 3.偏移後元素的原來位置還是被佔著，並沒有空出來 4.當父元...