Question

标题导航中的菜单显示有问题。导航菜单工作正常，但是当用户从搜索部分选择设备或桌面并立即将css菜单悬停在搜索顶部时，这与选择框和css菜单冲突，菜单超出了选择框。

请帮助我......提前谢谢......

Answer 1

您应该尝试更频繁地缩进代码，以使其对其他人更具可读性。你的菜单的HTML有点乱，所以我稍微改了一下。看看这个小提琴：http://jsfiddle.net/csYjC/1729/

菜单HTML的结构应如下：

<ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Feedback</a>
            <ul>
                <li><a href="#">Level 1</a>
                    <ul>
                        <li><a href="#">Level 2</a>
                            <ul>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Level 2</a></li>
                        <li><a href="#">Level 2</a></li>
                    </ul>
                </li>
                <li><a href="#">Level 1</a></li>
                <li><a href="#">Level 1</a></li>
            </ul>
        </li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact US</a></li>
</ul>

您应该根据自己的优势修改CSS代码。下拉菜单概念是您真正应该关注的内容。

嵌套导航菜单悬停问题与所有浏览器

1 个答案: