關於float引起的定位問題

0x00 遇到的問題

    前幾天,在編寫自己的網站時遇到了一個定位問題,問題如下

本站熱門的容器,定位本應該在本站熱門那裏,而這裏定位居然跑到上面去了。

0x01 float的一個特性

    當容器被直接定義了float屬性後,該容器的高度將變爲0.

0x02 該問題的解決辦法

     這裏我仔細檢查了代碼,果然在本站熱門上面的輪播圖容器中發現了直接定義在容器裏面的float

content-roll便是輪播圖的div。刪掉float屬性後定位正常;

0x03 反思

    容器中不能直接定義float屬性,否則會引起定位上的問題。

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