<ul>菜单元素的定位错误</ul>

Question

我正在尝试将标题右侧的网站导航定位。但是，现有代码非常混乱，我无法让它工作。

我在谈论本网站的导航标题 - https://softuni.bg/请注意它是如何被破坏并位于标题下方的。

我希望它看起来像这样：

主要问题是所有这些都在一个标签中，它有一定的宽度。但是，如果您以用户身份登录，则菜单中会有一个额外的项目，它会落在第二行。

非常感谢所有帮助！

Answer 1

在您的ID＃logInBtn＆gt; li＆gt; a

中尝试此代码

您的密码：

#logInBtn>li>a {
background: #ff9c00;
border-radius: 0;
padding-left: 12px;
padding-right: 15px;
position: absolute;
top: 0;
right: 0;
}

修改过的Coad：

#logInBtn>li>a {
background: #ff9c00;
border-radius: 0;
padding-left: 12px;
padding-right: 15px;
position: absolute;
top: 0;
left: 0;                /* Modifide line  */
margin-left: 250px;      /* Modifide line  */
}