第二十一课--下拉菜单

外部div是一个菜单容器，span是菜单，当然，span是可以修改的，可以是button，也可以是一个a，内部div是菜单选项的容器，
菜单选项可以是p，也可以是a。功能关键在于对内部div的隐藏使用以及对hover的使用。
此处 看案例

    
    下拉菜单


    .dropdown {
        /*position: relative;*/
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        /*position: absolute;*/
        background-color: #7f7f7f;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
    }

    .dropdown:hover .dropdown-content{
        display: block;
    }



    菜单
    

        
菜单1
        
菜单2
        
菜单3