• 內聯塊：inline-block
  ??默認情況下塊元素占一行，使用內聯屬性能夠將元素整合到一行，一旦設置這個屬性且未設置寬度時，由內容決定撐開寬度。註ie6和ie7不支持。

display:inline-block

• 浮動：float
  ??也可以讓多個塊元素實現在同行展示。使文檔流脫離書寫順序，比如float:right 順序相反

float: left|right|none|inherit

• clear
  ??設置後對應方向不會有浮動元素，為什麽要清除浮動，因為浮動元素脫離文檔，使得父級元素可能包不住子級元素，導致布局出現問題。

方法：
    1. 加高，無法適應子級元素高度動態變化
    2. 父級元素加浮動，需要加的層級太多，不合適，margin自動失效
    3. inline-block，導致左右失效
    4. after偽類清除浮動，設置浮動元素的父級樣式，如：
    fatherClass:after {
        content: "";
        display: block;
        clear: both;
    }
 

• 定位：position

相對定位
絕對定位：
    使元素完全脫離文檔流
    內嵌支持寬高
    有父級則對父級發生偏移，否則對document發生偏移
    相對一般配合絕對進行使用
    
z-index 定位層級
固定定位
    fixed，堅持不動，如右下角的回到頂部小圖標按鈕
static：默認值
inherit：從父級元素繼承，不兼容

html5高級篇