1、display的默認情況：inline（元素和其他元素都在一行上）

特點是：

設(shè)置寬度、高度無效，

設(shè)置行高（line-height）會增加頂部和底部的間距但內(nèi)容區(qū)高度不變，

設(shè)置padding有效

設(shè)置margin-left、margin-right有效

設(shè)置margin-top、margin-bottom無效

驗證一下：

高寬實際無效

支持所有padding，左右margin

2、display設(shè)置為inline-block將元素變?yōu)閮?nèi)聯(lián)元素，但是元素的內(nèi)容作為塊元素呈遞。旁邊的內(nèi)聯(lián)元素會被呈遞在同一行內(nèi)。

特點是：

可以設(shè)置寬度高度行高

可以設(shè)置padding

可以設(shè)置marign

可以設(shè)置border

驗證一下：

邊框、寬高、內(nèi)外邊距都是支持的

黃色是margin，紅色是border，綠色是padding