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 value
inline-table table
inline, table-row-group, table-column, block
table-column-group, table-header-group,
table-footer-group, table-row, table-cell,
table-caption, inline-block
others same as specified