‘display‘、‘position‘和‘float‘的相互关系？

（1）首先我们判断 display 属性是否为 none，如果为 none，则 position 和 float 属性的值不影响元素最后的表现。

（2）然后判断 position 的值是否为 absolute 或者 fixed，如果是，则 float 属性失效，并且display 的值应该被设置为 table 或者 block，具体转换需要看初始转换值。

（ 3 ）如果 position 的值不为 absolute 或者 fixed ，则判断 float 属性的值是否为 none ，如果

不是，则 display的值则按上面的规则转换。注意，如果 position 的值为 relative 并且 float 属性的值存在，则relative 相对于浮动后的最终位置定位。

（ 4 ）如果 float 的值为 none ，则判断元素是否为根元素，如果是根元素则 display 属性按照

上面的规则转换，如果不是，则保持指定的 display 属性值不变。

总的来说，可以把它看作是一个类似优先级的机制， "position:absolute" 和 "position:fixed" 优

先级最高，有它存在的时候，浮动不起作用，'display' 的值也需要调整；其次，元素的 'float' 特性的值不是 "none"的时候或者它是根元素的时候，调整'display' 的值；最后，非根元素，并且非浮动元素，并且非绝对定位的元素， 'display'特性值同设置值。

完结

感谢各位给我的小程序一点支持吧，谢谢