2019-08-26 float 与 position之间的影响

图中有两个div，当我们给【暂停】所在div设置了float:left 之后，后面的div就察觉不到前面这个div的存在了，跑上前来了。

我们单独给【暂停】所在div设置position:absolute ，效果如下，注意字体有部分被遮盖了。

当我们给【暂停】所在div设置：

        float:right;
        position:relative;

时，效果如下：

可以证明，float 与 position:relative 同时设置时，相当于float的效果。

但是如果【暂停】div设置是：

        float:right;
        position:absolute;

则效果有所不同:

证明absolute会使float失效。