0x00 遇到的問題
前幾天,在編寫自己的網站時遇到了一個定位問題,問題如下
本站熱門的容器,定位本應該在本站熱門那裏,而這裏定位居然跑到上面去了。
0x01 float的一個特性
當容器被直接定義了float屬性後,該容器的高度將變爲0.
0x02 該問題的解決辦法
這裏我仔細檢查了代碼,果然在本站熱門上面的輪播圖容器中發現了直接定義在容器裏面的float
content-roll便是輪播圖的div。刪掉float屬性後定位正常;
0x03 反思
容器中不能直接定義float屬性,否則會引起定位上的問題。