display,position和float之间的关系（Relationships between 'display', 'position ',and 'float ')

三个影响盒子构建和布局的元素——‘display’，‘position’ 和 ‘float’——相互影响如下：
1、如果‘display’ 取 ’none‘ 值，那么’position‘ 和 ’float‘ 的设置都不会应用。在这种情况下，元素不构建盒子（不显示）
2、否则，如果 ’postion‘ 取值为 ’absolute‘ 或者 ’fixed‘ ，那么该盒子就被放在绝对位置上了，计算出的 ’float‘ 值为 ’none‘ ，’display‘ 的计算取值根据下面的表格进行设置。这个盒子的定位由 ’top‘，’right‘，’bottom‘ 和 ’left‘ 属性值和这个盒子的包含块所决定。
3、否则，如果 ’float‘ 有一个非 ’none‘ 的值，那么这个盒子就浮动起来了，‘display’ 属性会根据下面这个表格进行设置。
4、否则，如果这个元素是根元素，’display‘ 属性会根据下面这个表格进行设置，除非这个具体display值是接下来这种情况。一个 ‘display’ 取值为 ‘list-item’，这个取值最终为计算值 ’block‘ 还是就是原值（’list-item‘）不变？ 这个在CSS2.1中无定义。
5、否则，剩下的 ’display‘ 属性值就为大家指定的值。

具体设置的值	计算出来的值
inline-table	table
inline, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, table-caption, inline-block	block
others	和具体值一样