定位
塊級元素：這些元素獨自佔一行，例如：div，h1，p等
行內元素：這些元素能和其他的元素標籤共處一行，但是不包括塊級元素和特殊的情況
注意：當使用CSS中的屬性display：block的話會使行內元素變成塊級元素，當display：none時，元素標籤直接是不會顯示的
定位j機制：普通流，浮動和絕對定位。一般除非專門指定，否則所有的元素都是屬於普通流
position：使用這個屬性可以指定元素的定位方式
值得含義：static：元素框正常生成。塊級元素生成一個矩形框，作爲文檔流的一部分，行內元素則會創建一個或多個行框，
置於其父元素中（這個應該就是默認的普通流）
relative（相對定位）：元素框偏離某個距離（相對原來的位置），元素仍保持其爲定位前的形狀，它原本所佔的空間仍保留
（元素會疊加顯示,就是有可能疊加在在它之後的元素標籤之上）
absolute（絕對定位）：元素不佔用原來的位置，並相對於其父元素定位，出現定位的位置（元素會疊加顯示）
fixed（固定定位）：元素框的表現類似於將 position 設置爲 absolute，不過是相對於瀏覽器窗口來對元素進行定位（元素會疊加顯示。）
overflow: hidden （overflow: scroll，overflow: auto）：多餘的內容顯不顯示
擴展：
演示如何設置元素的形狀。此元素被剪裁到這個形狀內，並顯示出來。
img {position:absolute;clip:rect(0px 50px 200px 0px);}
設置元素的垂直對齊方式
{vertical-align:text-bottom}
浮動
使用浮動之後，標籤脫離正常的輸出流，在所有的標籤元素之上
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框爲止
.class{float:left};
在一個元素標籤內使用浮動，記得最後要清除浮動
.class{ clear:both;}