侧边栏多级栏目案例

利用position和display属性实现当鼠标移动展示多级栏目效果

当鼠标移动到相应栏目对应展开 html代码 css代码

导航栏整体nav，设置宽度，定位到相应位置，高度自动，（并不知道里面有多少元素，如果先给定高度，里面内容大于父级元素会导致页面混乱）

二级栏目与一级栏目内容写在同级，这样会自然排序到一级栏目的下面，给定相应属性，设置二级栏目整体displlay：none属性

然后list-1:hover subnav ：{display：block} (当鼠标移动到一级栏目时，二级栏目变为block 块元素展现)

三级栏目被二级栏目包裹，设置相应属性，定位到二级栏目右侧，display同理