css-position，float，display的关系和优先级

display的转换对应表

设定值 计算值 inline-table table inline, run-in, table-row-group, table-column, table-column-group,table-header-group, table-footer-group, table-row, table-cell,table-caption, inline-block block 其他 同设定值

1.display值是none

如果display是none，则position和float不起作用。因为元素不产生框，因此浮动和定位无效。若display不是none，则继续

2. ‘position’ 的值是 ‘absolute’ 或 ‘fixed’

框是相对定位的，计算后的float应该是none。并且display按照上表设置。框的位置将由 ‘top’，’right’，’bottom’ 和 ‘left’ 属性和该框的包含块确定。

也就是说，当元素是绝对定位时，浮动失效，’display’ 会被按规则重置。
若position不是absolute或fixed，则继续

3.float的值不是none

如果float值不是none，则该框浮动并且display按照转换对应表设置，若float是none

4.元素是根元素

如果元素是根元素，display值按照对应表设置，否则，按照5

5.应用指定的display特性值