diplay,Position,Float 之间的关系

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