Question

我正在尝试编辑导航栏，但最后的li有点下降。此外，当我将鼠标悬停在English上时，应该会删除其他语言。请看这里：

http://jsfiddle.net/kKqZS/1/

什么导致下拉问题？

Answer 1

从html中删除 

工作小提琴：http://jsfiddle.net/surendraVsingh/kKqZS/10/

所以，我让那个下拉列表在国家/地区下拉列表的 parent li 中有一个额外的 li 。

CSS有一个名为.no-js #main-nav li:hover > ul的类，所以我删除了 .no-js ，因为它没有在HTML＆amp;在#main-nav ul ul之后移动这个完整的课程是一种很好的做法。

Answer 2

这个有效：http://jsfiddle.net/ryAJ2/

html代码中存在问题以及用于显示嵌套ul

的css选择器

Answer 3

您的代码：

<li>
    <li class="top"><a href="http://bin.xxx/?op=change_lang&lang=english">English</a</li>
    <ul>
        <li><a href="http://bin.xxx/?op=change_lang&lang=russian">Russian</a></li>
        <li><a href="http://bin.xxx/?op=change_lang&lang=german">German</a></li>
        ...
    </ul>
</li>

你不能在li里面嵌套li元素。浏览器会自动关闭li标签并理解您的代码，如：

<li></li>
<li>English</li>
<ul>
        <li><a href="http://bin.xxx/?op=change_lang&lang=russian">Russian</a></li>
        <li><a href="http://bin.xxx/?op=change_lang&lang=german">German</a></li>
</ul>

为什么最后一个李位置不对？

3 个答案: