diplay,Position,Float 之间的关系

影响盒子的产生和布局的三个属性是：-'display','position','float'。他们之间的关系如下：

1.如果display的值是'none',那么'position','float'没用。这时，元素不产生盒子。

2.否则：如果'position'值为 absolute，或fixed。float的计算值是 'none'.display的值根据下面的表确定。盒子的位置由 'top','left','bottom','right'和包含块确定。

3.否则，如果'float'由除了'none'的值，盒子浮动并且display的值根据下表确定。

4.否则，如果元素是root元素，display值根据下表确定

Specified value                             Computed valueinline-table                                   tableinline, table-row-group, table-column,         blocktable-column-group, table-header-group,     table-footer-group, table-row, table-cell, table-caption, inline-block                                                                 others                                      same as specified