关于 display 的属性：block 和 inline-block 以及 inline

display:block

//让其形成块级元素

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%

display:inline

//让其形成内联（行内）元素

1、和其他元素都在一行上（多了的挤到下一行）；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变

display:inline-block

//让其形成行内块元素

同时具备内联元素、块状元素的特点。

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置

重点（区别）就是！！！：

1 、块级元素独占一行，行内元素和行内块都不可。

2 、行内元素不可以设置高度（height）、宽度（width）及顶部和底部(margin,padding 的 top 和bottom)边距不可设置。

3、行内块兼具特点。