1.佈局流flow
這個是一個比較重要的概念，一般整個頁面的佈局就是根據頁面內容的順序，按照流方式一項一項按照順序排列在頁面中的，塊元素自動換行，內聯元素從左上方到右下方排列。塊元素寬度默認佔據整個頁面寬度，但是爲了實現多種佈局類型，就需要用一些特殊方式來改變流佈局。
佈局流默認的position:static
2.兩種方式：float & position（absolute fixed relative）
float 漂移，一般使用時候要規定width，這時候，和float並列的div元素也規定margin，來適應float元素即可~塊元素雖然不會管float元素，但是塊元素中的內聯元素會識別float並且避開它~
最後，float需要注意的是，比如float下面是一個footer，爲了不讓float和footer之間有重疊，可以在footer中規定 clear: right(left, both) 如果float元素在right。
同樣，使用position：absolute可以取得同樣的效果，absolute是相對頁面的，當然absolute元素如果有覆蓋，可以通過調節z-index調整顯示優先級~
fixed是相對於瀏覽器的，即使用滾動之後，還是會在fixed位置，你是無法擺脫掉滴
最後relative，無論是float absolute 還是fixed，相對應的元素都會從標準流中取走，只有relative，元素還在標準流中，而relative相對的位置是指標準流中的位置~
最後最後，給大家推薦 Head First HTML與CSS、XHTML這本書，講解的非常清楚~
http://zh.learnlayout.com/
inline-block
http://ued.taobao.org/blog/2012/08/inline-block/