html - 将登录表单添加到导航菜单

Question

我的页面中有一个简单的标题和导航栏。我想将用户名/密码和登录按钮添加到导航栏，但我无法做到。每次我添加代码时，它都不在导航栏中，无论是在导航栏下方还是在导航栏上方。谁能帮忙？

这是 JSfiddle 链接 https://jsfiddle.net/ds7ezkn8/2/

    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="languages.html">Programming Languages</a>
                <ul>
                    <li><a href="languages.html">Which Language?</a></li>
                    <li><a href="htmlcss.html">HTML &#38; CSS</a></li>
                    <li><a href="javascript.html">JavaScript</a></li>
                    <li><a href="java.html">Java</a></li>
                    <li><a href="python.html">Python</a></li>
                </ul>
            </li>
            <li><a href="contact.html">Join The Club</a></li>
            <li><a href="calendar.html">Calendar</a></li>   

        </ul>



    </nav>

谢谢

Answer 1

在你的代码中，你已经给出了每个的 25%

，因为如果你添加新的文本字段，它不会包裹在导航中

我已经更新了 fiddle ，请查看

https://jsfiddle.net/ds7ezkn8/2/

我减少了li的宽度

nav li {
    width: 20%;
    float: left;
    position: relative;

}

这是您的期望吗？