課程
/前端開發
/JavaScript
/形形色色的下拉菜單
為什么我二級菜單不設置浮動和定位,他也能表示出來下拉的狀態
2016-04-13
源自:形形色色的下拉菜單 1-3
正在回答
你的一級菜單設置了float:left;向左浮動,二級菜單會受到影響,也會從左向右水平浮動(看起來很不美觀),只有清除浮動后,你的二級菜單才會垂直顯示,這其實是布局美觀問題,與顯示沒有多大關系,顯示與否,與display屬性有關;你設置二級菜單的display屬性為none,當你的一級菜單的hover屬性下的ul設置為display:block時,鼠標滑過就顯示二級菜單了。(ul下的li默認是垂直現實的)
舉報
本教程從易到難,循循漸進,運用不同技術實現動態下拉菜單
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-13
你的一級菜單設置了float:left;向左浮動,二級菜單會受到影響,也會從左向右水平浮動(看起來很不美觀),只有清除浮動后,你的二級菜單才會垂直顯示,這其實是布局美觀問題,與顯示沒有多大關系,顯示與否,與display屬性有關;你設置二級菜單的display屬性為none,當你的一級菜單的hover屬性下的ul設置為display:block時,鼠標滑過就顯示二級菜單了。(ul下的li默認是垂直現實的)