Html 调整导航宽度？

我正在学习w3c school for CSS的教程，导航会自动全速运行，而不需要我进行调整。我想使用相同的代码（因为我理解它们） 如何调整宽度

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（.active）{
背景色：#111；
}
.主动{
背景色：#4CAF50；
}

简单地说：

添加

宽度：n

到CSS中的ul选择器


编辑

代码中的n将是一个数字，后跟单位。因此，如果您希望它是550像素宽，n=550px-如小提琴中所示。
ul

默认为

显示：块

。这默认为

宽度：100%

要覆盖它，只需输入任何CSS宽度（这将覆盖默认CSS）。你可以输入任何有效的

---

或者，要使其默认为非全宽（但仅为必要的长度），请将

display:inline block

添加到

ul

默认宽度为100%，因此通过提供诸如width:700px或width:80%之类的值来覆盖它会将宽度更改为700px或80%

 ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #333;
        width: 700px;
    }

---

我不仅得到了答案，而且得到了一些知识！极好的@BlueHorse我很高兴我帮了忙！