利用position和display屬性實現(xiàn)當(dāng)鼠標(biāo)移動展示多級欄目效果
當(dāng)鼠標(biāo)移動到相應(yīng)欄目對應(yīng)展開
html代碼
css代碼
導(dǎo)航欄整體nav缨叫，設(shè)置寬度，定位到相應(yīng)位置薯演，高度自動，（并不知道里面有多少元素秧了，如果先給定高度涣仿，里面內(nèi)容大于父級元素會導(dǎo)致頁面混亂）
二級欄目與一級欄目內(nèi)容寫在同級，這樣會自然排序到一級欄目的下面示惊，給定相應(yīng)屬性好港，設(shè)置二級欄目整體displlay：none屬性
然后list-1:hover subnav ：{display：block} (當(dāng)鼠標(biāo)移動到一級欄目時，二級欄目變?yōu)閎lock 塊元素展現(xiàn))
三級欄目被二級欄目包裹米罚，設(shè)置相應(yīng)屬性钧汹，定位到二級欄目右側(cè)，display同理
