一、position：fixed
鎖定位置（相對於瀏覽器的位置），例如有些**的右下角的彈出視窗。
示例：
二、position：absolute 相對於自己最近的父元素來定位的
1.外層沒有position：absolute（或relative）；那麼div相對於瀏覽器定位，如下圖中b（距離瀏覽器右邊框為50畫素，距離下邊框為20畫素）。
2.外層有position：absolute（或relative）；那麼div相對於外層邊框定位，如下圖中bb（距離d的右邊框50畫素，距離d的下邊框為20畫素）。
示例：
三、position：relative 相對於自己來定位的
相對於預設位置的移動。
如下圖，a在用relative移動前的位置，aa為用relative移動後的位置，aa距離原位置上部的間距為50畫素，距離原位置左邊距為20畫素。
示例：
四、分層（z-index）
在z軸方向分層，可以理解為分成一摞紙，層數越高越靠上。
在上面relative的示例中，我們看到了aa遮住了a，這是因為後寫**的顯示級別越靠前，那麼在不改變**順序的情況下如何讓a蓋住aa？如下：
示例：
五、float：left、right 浮動標籤，不佔據一層div層
overflow：hidden； //超出部分隱藏；scroll，顯示出滾動條；
//截斷流
附：cursor：pointer 滑鼠指到上面時的形狀
半透明效果：
透明區域
在樣式表中的**為：
.box
opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)
一、position：fixed
鎖定位置（相對於瀏覽器的位置），例如有些**的右下角的彈出視窗。
示例：
二、position：absolute 相對於自己最近的父元素來定位的
1.外層沒有position：absolute（或relative）；那麼div相對於瀏覽器定位，如下圖中b（距離瀏覽器右邊框為50畫素，距離下邊框為20畫素）。
2.外層有position：absolute（或relative）；那麼div相對於外層邊框定位，如下圖中bb（距離d的右邊框50畫素，距離d的下邊框為20畫素）。
示例：
三、position：relative 相對於自己來定位的
相對於預設位置的移動。
如下圖，a在用relative移動前的位置，aa為用relative移動後的位置，aa距離原位置上部的間距為50畫素，距離原位置左邊距為20畫素。
示例：
四、分層（z-index）
在z軸方向分層，可以理解為分成一摞紙，層數越高越靠上。
在上面relative的示例中，我們看到了aa遮住了a，這是因為後寫**的顯示級別越靠前，那麼在不改變**順序的情況下如何讓a蓋住aa？如下：
示例：
五、float：left、right 浮動標籤，不佔據一層div層
overflow：hidden； //超出部分隱藏；scroll，顯示出滾動條；
//截斷流
附：cursor：pointer 滑鼠指到上面時的形狀
半透明效果：
透明區域
在樣式表中的**為：
.box
opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)
HTML 靜態網頁製作12月3日 格式與布局
一 position fixed 鎖定位置 相對於瀏覽器的位置 例如有些 的右下角的彈出視窗。二 position absolute 1.外層沒有position absolute 或relative 那麼div相對於瀏覽器定位。2.外層有position absolute 或relative 那麼...
HTML 格式與布局
一 position fixed 鎖定位置 相對於瀏覽器的位置 例如有些 的右下角的彈出視窗。二 position absolute 1.外層沒有position absolute 或relative 那麼div相對於瀏覽器定位，如下圖中b 距離瀏覽器右邊框為50畫素，距離下邊框為20畫素 2.外層...
HTML格式布局
一 position fixed 鎖定位置 相對於瀏覽器的位置 例如有些 的右下角的彈出視窗。二 position absolute 1.外層沒有position absolute 或relative 那麼div相對於瀏覽器定位，如下圖中b 距離瀏覽器右邊框為50畫素，距離下邊框為20畫素 2.外層...