HTML 右侧 二级菜单代码

在 HTML 中，创建一个右侧 二级菜单的方法如下：

style>
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    z-index: 1;
}
.dropdown:hover .dropdown-content {
    display: block;
}
    /style>
    div class="dropdown">
    a href="#">
    选项/a>
    div class="dropdown-content">
    a href="#">
    二级选项 1/a>
    a href="#">
    二级选项 2/a>
    a href="#">
    二级选项 3/a>
    /div>
    /div>
    

其中，.dropdown 是父级容器的类名，.dropdown-content 是子级菜单的类名。当鼠标悬浮在 .dropdown 上时，.dropdown-content 显示出来。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！