display position float 之间的关系

Question

如果 display 为 none，则 position和 float 都不起作用

否则，如果 position 为 absolute 或者 fixed，那么 display 设置为 block，float 设置为 none，盒子的位置取决于 top、right、bottom、left 等属性。left 优先于 right，top 优先于 bottom。

否则，如果浮动的值不是 none，则 display 的值设置为 block，盒子是浮动的

否则，元素的 display 就好像其设置的值那样

css 规范：https://www.w3.org/TR/REC-CSS2/visuren.html#q24
例子：http://dbaron.org/css/test/sec0907