关于float引起的定位问题

0x00 遇到的问题

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

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

0x01 float的一个特性

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

0x02 该问题的解决办法

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

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

0x03 反思

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章