Html 导航栏的背景色

我是css新手 我正在尝试为网站开发一个导航栏，它在全屏状态下运行良好，但当我减小窗口大小时，很少有元素下降，但背景颜色只保留到第一行。 这是密码

.navbar{
背景色：rgb（11,29,66）；
高度：60px；
边界半径：0px；
}
纳瓦尔先生{
边际：0px；
填充：0px；
溢出：自动；
}
李国宝先生{
浮动：左；
列表样式：无；
利润率：10px 10px；
右边框：2件纯金；
}
李娜先生{
文字装饰：无；
颜色：卡其色；
右侧填充：0.5cm；
字体系列：“大肩模板显示”，草书；
字号：28px；
}

这是导航栏上的高度属性。我删除了它，运行下面的代码段：

.navbar{
背景色：rgb（11,29,66）；
边界半径：0px；
}
纳瓦尔先生{
边际：0px；
填充：0px；
溢出：自动；
}
李国宝先生{
浮动：左；
列表样式：无；
利润率：10px 10px；
右边框：2件纯金；
}
李娜先生{
文字装饰：无；
颜色：卡其色；
右侧填充：0.5cm；
字体系列：“大肩模板显示”，草书；
字号：28px；
}

您可以将背景色添加到

.navbar ul

像这样：

.navbar ul {
    margin: 0px;
    padding: 0px;
    overflow: auto;
    background-color: blue;
}