關於普通流佈局

普通流佈局：

普通流佈局：display:inline-block;

     使用inline-block,其元素會有4px左右的空隙，這個是因爲我們寫代碼時候的換行符所致。

     解決辦法：在inline-block的父元素中設置樣式font-size：0;letter-spacing:-4px;然後設置inline-block的所有兄弟元素font-size:值;letter-spacing:值px;恢復正常的顯示。

除此之外還需要注意：inline-block默認是基線對齊的，而inline-block的基線又跟文本基線一致，所以在內容不同的時候並不能水平對齊。只需要用vertical-align顯式聲明一下top/bottom/middle對齊即可。

     基線的內容分有文字和無文字兩種:

1)無文字：容器的margin-bottom下邊緣。與容器內部的元素沒一點關係。

     2)有文字：最後一行文字的下邊緣，跟文字塊（p、h等）的margin、padding沒關係！注意是最後一行！無論文字在什麼子對象容器內在什麼位置都沒關係，瀏覽器會找到最後一行文字對齊底部。