一，定位
定位：將指定元素放到頁面任意位置
position
:static(預設值)，沒有定位，
1）元素出現在正常文件流中（忽略top，left，right，bottom，z-index宣告）
2）當position非static時可以通過top ,left,right,bottom 四個屬性來設定元素的偏移量，
:relative(相對定位),
1)當只設定元素的相對定位而不設定偏移量時，元素不會發生任何變化
2)相對定位是相對於元素在文件流中原來的位置定位
3）相對定位不會脫離文件流，它原來的位置還在
4）相對定位會使元提公升乙個層級（會蓋住其它元素）
5）相對定位不會改變元素性質（內聯元素依舊是內聯，其寬高依舊不可設定，塊元素還是塊元素）
:absolute（絕對定位）
1）絕對定位會使元素脫離文件流
2）絕對定位後不設定偏移量，則元素位置不會發生變化
3）絕對定位是相對瀏覽器視窗進行定位的（瀏覽器視窗預設有8px，而絕對定位的原點是去掉這8px的）
如果所有的祖先元素都沒有開啟定位，則會相對於瀏覽器視窗進行定位（一般開啟子元素絕對定位，都會給父元素相對定位）
4）絕對定位會使元素提公升層級
5）絕對定位會改變元素的性質，內聯元素進行絕對定位後寬高可設（塊）
:fixed（固定定位）
固定定位也是一種絕對定位，固定定位是相對瀏覽器視窗定位，會固定在瀏覽器視窗某個位置，不會隨滾動條滾動，ie6不支援固定定位
二，層級
1）如果定位元素的層級是一樣的，則後解析的會蓋住前面的
2）z-index：設定元素層級，層級越高越優先顯示，沒有開啟定位的元素不能使用z-index
3）父元素的層級再高也不會蓋住子元素
透明背景：
opacity:0-1,0完全透明。//ie8及以下不支援opacity
//相容ie8
filter:alpha(opacity=50)
大前端基礎之定位
網頁布局經常要使用一些定位，定位使網頁更加的靈活方便。1.static 靜態定位 position的預設定位值，預設文字流的狀態，不會識別left right top bottom指定的座標。2.absolute 絕對定位 參照物 幫塊一該元素的祖先級元素 a 參照物 按照已經有定位的父元素進行位置...
前端基礎 定位
1.絕對定位 如果所有的父元素都沒有顯式地定義position屬性，那麼所有的父元素預設情況下position屬性都是static。結果，絕對定位元素會被包含在初始塊容器中。這個初始塊容器有著和瀏覽器視口一樣的尺寸，並且元素也被包含在這個容器裡面。簡單來說，絕對定位元素會被放在元素的外面，並且根據瀏...
前端基礎div（六）
文件中的乙個部分會顯示為綠色 div style color 00ff00 h3 this is a header h3 p this is a paragraph.p div 所有主流瀏覽器都支援 標籤。可定義文件中的分割槽或節 division section 標籤可以把文件分割為獨立的 不同的...