0x00 遇到的问题
前几天,在编写自己的网站时遇到了一个定位问题,问题如下
本站热门的容器,定位本应该在本站热门那里,而这里定位居然跑到上面去了。
0x01 float的一个特性
当容器被直接定义了float属性后,该容器的高度将变为0.
0x02 该问题的解决办法
这里我仔细检查了代码,果然在本站热门上面的轮播图容器中发现了直接定义在容器里面的float
content-roll便是轮播图的div。删掉float属性后定位正常;
0x03 反思
容器中不能直接定义float属性,否则会引起定位上的问题。