Html 使导航栏位于右上角

我想创建包含徽标（左）和列表（右）的导航栏 这是我的密码

---

您可以添加导航栏ul文本对齐：右

 nav ul {
    list-style: none;
    width: 100%;
    border: 1px solid red;
    text-align: right;
 }

---

这里是

您可以添加导航栏ul text align:right

 nav ul {
    list-style: none;
    width: 100%;
    border: 1px solid red;
    text-align: right;
 }

.nav ul {
padding-right:20px;
margin-right:100px;
text-align:right;
}

---

这里是

查看这里，包括引导

.nav ul {
padding-right:20px;
margin-right:100px;
text-align:right;
}

.nav ul {
padding-right:20px;
margin-right:100px;
text-align:right;
}

代码：

 nav ul {
     list-style: none;
     width: 100%;
     border: 1px solid red;
     text-align: right;
  }

padding right:0

和

margin right:0

对您的问题没有影响，因为ul已经尽可能右对齐（它没有边距也没有填充）

如果您有smth喜欢

.nav ul {
padding-right:20px;
margin-right:100px;
text-align:right;
}

那么是的。添加

margin right:0

和

padding right:0

会有所帮助。 但是在您的情况下…边距和填充已经在

0

---

另外…您不使用边距或填充来左对齐或右对齐。您可以使用

浮动

或

文本对齐

参见此处，其中包含引导

.nav ul {
padding-right:20px;
margin-right:100px;
text-align:right;
}

代码：

 nav ul {
     list-style: none;
     width: 100%;
     border: 1px solid red;
     text-align: right;
  }

padding right:0

和

margin right:0

对您的问题没有影响，因为ul已经尽可能右对齐（它没有边距也没有填充）

如果您有smth喜欢

.nav ul {
padding-right:20px;
margin-right:100px;
text-align:right;
}

那么是的。添加

margin right:0

和

padding right:0

会有所帮助。 但是在您的情况下…边距和填充已经在

0

---

另外…您不使用边距或填充来左对齐或右对齐。您可以使用

浮动

或

文本对齐

示例u共享，他们正在使用引导navbar..您也可以使用..示例u共享，他们正在使用引导navbar..您也可以使用..非常有效，idk为什么没有想到这一点，有人能告诉我为什么ul:padding right:0；或li：右边距：0不起作用？我只是想了解你也可以使用引导导航栏的基本原理…我只是看到了，它看起来很容易使用，但我还不知道如何设计它，谢谢你的推荐它很有效，ty非常感谢，idk为什么没有想到这一点，有人能告诉我为什么ul:padding right:0；或li：右边距：0不起作用？我只是想了解你也可以使用引导导航栏的基本原理…我只是看到了，它看起来很容易使用，但我还不知道如何设计它，谢谢你的推荐