<ul> 菜单元素的定位不正确

Question

我正在尝试将网站导航定位在标题的右侧。但是，现有的代码真的很乱，我就是不能让它工作。

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

我希望它看起来像这样：

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

非常感谢所有帮助！

Answer 1

在您的 id #logInBtn>li>a

中尝试此代码

您的代码：

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

修改后的代码：

#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  */
}