Html 更改为固定位置，显示不良

我的网站有一个菜单栏：它在默认位置，但我想要一个固定的菜单栏
当我输入“位置：固定”时，它不能正确显示（在浏览器中）。请帮帮我

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
z指数：99；
光标：指针；
位置：固定；
}
李{
字体系列：odin圆角；
字体大小：40px；
浮动：左；
高度：55px；
背景色：rgb（249249249）；
宽度：20%；
右边框：1px纯黑；
过渡：颜色1s，背景色1s
}
李：悬停{
颜色：白色；
背景色：黑色；
}
李阿{
显示器：flex；
显示：-webkit flex；
颜色：#000；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
商标{
高度：55px；
宽度：自动；
位置：固定；
顶部：8px；
z指数：99；
}
.文本{
显示器：flex；
对齐项目：居中；
文本对齐：居中；
证明内容：中心；
}
a、 主：悬停{
背景：透明url（'main.html'）；
光标：指针；
}

游牧民队
菜单
Membres
日历程序
联系人

使用20%的徽标图像和5个列表项，试图在一行中容纳100%以上的内容。

---

在li项目上尝试少于20%

我建议使用Flex：它非常强大

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
z指数：99；
光标：指针；
位置：固定；
显示器：flex；
宽度：100%；
}
李{
字体系列：odin圆角；
字体大小：40px；
弹性：1；
/*浮动：左*/
高度：55px；
背景色：rgb（249249249）；
/*宽度：20%*/
右边框：1px纯黑；
过渡：颜色1s，背景色1s
}
李：悬停{
颜色：白色；
背景色：黑色；
}
李阿{
显示器：flex；
显示：-webkit flex；
颜色：#000；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
商标{
高度：55px；
宽度：自动；
位置：固定；
顶部：8px；
z指数：99；
}
.文本{
显示器：flex；
对齐项目：居中；
文本对齐：居中；
证明内容：中心；
}
a、 主：悬停{
背景：透明url（'main.html'）；
光标：指针；
}

游牧民队
菜单
Membres
日历程序
联系人

您只需添加

宽度：100%如下面所示


ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
z指数：99；
光标：指针；
位置：固定；
宽度：100%；
}
李{
字体系列：odin圆角；
字体大小：24px；
浮动：左；
高度：55px；
背景色：rgb（249249249）；
宽度：20%；
右边框：1px纯黑；
过渡：颜色1s，背景色1s
}
李：悬停{
颜色：白色；
背景色：黑色；
}
李阿{
显示器：flex；
显示：-webkit flex；
颜色：#000；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
商标{
高度：55px；
宽度：自动；
位置：固定；
顶部：8px；
z指数：99；
}
.文本{
显示器：flex；
对齐项目：居中；
文本对齐：居中；
证明内容：中心；
}
a、 主：悬停{
背景：透明url（'main.html'）；
光标：指针；
}


游牧民队
菜单
Membres
日历程序
联系人

（codepen项目的链接！）ReSedano将其锁定。