0x00 遇到的问题

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

关于float引起的定位问题

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

0x01 float的一个特性

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

0x02 该问题的解决办法

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

关于float引起的定位问题

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

关于float引起的定位问题

0x03 反思

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

相关文章: