Question

我已经实现了这个......

<ul id="dropDownFacultyList" class="dropdown-content" >
            <li><a href="#">Wart</a></li>
            <li><a href="#">Tart</a></li>
            <li><a href="#">Bart</a></li>
            <li><a href="#">Cart</a></li>
            <li><a href="#">Dart</a></li>
            <li ><a href="#" >Fart</a></li>
            <li><a class="dropdown-button" href="#" data-activates="dropDownGoaList">
            Goa Campus</a>
            <ul style="overflow: visible;" id="dropDownGoaList" class="dropdown-content sub-menu" style="left:0px">
                <li><a href="#">Deal</a></li>
                <li><a href="#">Meal</a></li>
                <li><a href="#">Kill</a></li>
                <li><a href="#">Bill</a></li>
                <li><a href="#">Sill</a></li>
                <li ><a href="#" >Neal</a></li>
            </ul>
            </li>
        </ul>

子菜单可以正常工作，但可以在排水沟中弹出

Answer 1

如果您使用绝对位置下拉

，请使用top和bottom属性

具体化中的多个嵌套下拉列表。 UL

1 个答案: