关于float引起的定位问题

0x00 遇到的问题

    前几天，在编写自己的网站时遇到了一个定位问题，问题如下

本站热门的容器，定位本应该在本站热门那里，而这里定位居然跑到上面去了。

0x01 float的一个特性

    当容器被直接定义了float属性后，该容器的高度将变为0.

0x02 该问题的解决办法

     这里我仔细检查了代码，果然在本站热门上面的轮播图容器中发现了直接定义在容器里面的float

content-roll便是轮播图的div。删掉float属性后定位正常；

0x03 反思

    容器中不能直接定义float属性，否则会引起定位上的问题。