塊級元素：獨(dú)自撐天下這種的，例如 h1 div p ul li，從上到下排列
行內(nèi)元素：依附在塊框里面的這種，例如strong span input img label 之類的，它的高度由line-height決定，垂直內(nèi)邊距、邊框和外邊距不影響行內(nèi)框的高度，從左到右排列，不擁有寬度，高度，內(nèi)外邊距。
行內(nèi)塊元素：相比行內(nèi)元素，擁有塊級元素的特征，但是排列方式是水平的，不會脫離文檔流。

清楚行內(nèi)塊空白距離的方法

給父元素設(shè)置font-size:0：不管空白多大，由于空白跟font-size的關(guān)系，設(shè)置這個(gè)屬性即可把空白的寬度設(shè)置為0.在實(shí)際使用的時(shí)候，你還需要給子元素重新設(shè)置font-size。

浮動和inline-block的對比

浮動

inline-block