display

定义
W3C对它的定义是规定元素应该生成的框的类型，影响显示方式。

值
有很多：none | inline | block | inline-block | list-item | run-in | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-colume-group | table-column | table-cell | table-caption | inherit

下面只列举些常用的值。

inline
默认值。
1.内容撑开宽度。
2.对它进行设置宽高度是无效的。
3.不单独占一行，其他元素会紧跟其后。
4.如果对inline元素设置float及position：absolute/fixed，会发现元素被“块”化，可以对其设置宽高了。

block
1.可以设置宽高。
2.单独占一行。
3.宽度不设置的话，宽度为父元素的宽度。

inline-block
可以理解为既有inline的同行特性也有block的宽高特性。可以想想一般的button、input是什么样子的。
1.不单独占一行。
2.可以设置宽高。

none
1.隐藏元素并脱离文档流。
2.和visibility的区别就在于，visibility：hidden还会保留元素本该显示的空间。但none不会。

inherit
继承父元素的display属性的值。

table
也是一个“块”，但和block相比，它具有包裹性。