Javascript 我想在ul列表中有一个底部边框

我正在用一个576px的断点进行响应

我想在第一张图片中，在边框底部没有任何空间，我的两个元素占据了所有宽度：

但现在我要说的是：

谁能帮帮我吗

提前谢谢！祝你今天愉快

以下是我目前的代码：

/*--------------标题桌面大小-------------------*/
.标题{
保证金：自动；
最大宽度：1440px；
}
.页眉分区{
显示器：flex；
证明内容：之间的空间；
高度：100px；
对齐项目：居中；
保证金：自动；
}
.标题img{
利润率：10px 60px 0px 55px；
}
.菜单{
显示器：flex；
弹性：1；
证明内容：柔性端；
列表样式类型：无；
利润率：20px 80px 0；
右侧填充：30px；
}
.菜单ul{
显示器：flex；
列表样式类型：无；
}
.菜单项{
文字装饰：无；
颜色：黑色；
字号：18px；
}
.菜单项：悬停{
颜色：#0065fc；
}
李先生{
显示器：flex；
右边距：60px；
字体大小：正常；
字号：18px；
}
/*-------------------标题移动大小-------------------*/
@介质和全部（最大宽度：576px）{
/*--标题--*/
.菜单{
右边距：0px；
}
.菜单导航{
位置：相对位置；
弹性基准：100%；
顺序：2；
显示器：flex；
}
.菜单ul{
显示器：flex；
弹性基准：100%；
顺序：2；
位置：相对位置；
顶部：50px；
右：160px；
填充顶部：30px；
边缘顶部：20px；
左边距：-30px；
}
.菜单项{
边框底部：3倍实心#F2F2；
垫底：10px；
宽度：250px；
}
.菜单项：悬停{
边框底色：#0065FC；
}
.注册{
位置：绝对位置；
填充顶部：0px；
边缘顶端：40px；
右边距：0px；
左侧填充：5px；
颜色：#0065fc；
文字装饰：无；
宽度：165px；
过渡：全部为0.4s；
右：9px；
}
}

如果需要，只需将li边距设置为0px或1px

/*--------------标题桌面大小-------------------*/
.标题{
保证金：自动；
最大宽度：1440px；
}
.页眉分区{
显示器：flex；
证明内容：之间的空间；
高度：100px；
对齐项目：居中；
保证金：自动；
}
.标题img{
利润率：10px 60px 0px 55px；
}
.菜单{
显示器：flex；
弹性：1；
证明内容：柔性端；
列表样式类型：无；
利润率：20px 80px 0；
右侧填充：30px；
}
.菜单ul{
显示器：flex；
列表样式类型：无；
}
.菜单项{
文字装饰：无；
颜色：黑色；
字号：18px；
}
.菜单项：悬停{
颜色：#0065fc；
}
李先生{
显示器：flex；
右边距：60px；
字体大小：正常；
字号：18px；
}
/*-------------------标题移动大小-------------------*/
@介质和全部（最大宽度：576px）{
/*--标题--*/
.菜单{
右边距：0px；
}
.菜单导航{
位置：相对位置；
弹性基准：100%；
顺序：2；
显示器：flex；
}
.菜单ul{
显示器：flex；
弹性基准：100%；
顺序：2；
位置：相对位置；
顶部：50px；
右：160px；
填充顶部：30px；
边缘顶部：20px；
左边距：-30px；
}
李先生{
右边距：1px；/*如果需要，只需将边距设置为0？或1即可*/
}
.菜单项{
边框底部：3倍实心#F2F2；
垫底：10px；
宽度：250px；
}
.菜单项：悬停{
边框底色：#0065FC；
}
.注册{
位置：绝对位置；
填充顶部：0px；
边缘顶端：40px；
右边距：0px；
左侧填充：5px；
颜色：#0065fc；
文字装饰：无；
宽度：165px；
过渡：全部为0.4s；
右：9px；
}
}

这将解决您的问题。您只需从

媒体查询中删除
右边距
，并对齐文本中心即可

注意：请在
576px
或更低版本中进行测试，以查看更正
.header{
保证金：自动；
最大宽度：1440px；
}
.页眉分区{
显示器：flex；
证明内容：之间的空间；
高度：100px；
对齐项目：居中；
保证金：自动；
}
.标题img{
利润率：10px 60px 0px 55px；
}
.菜单{
显示器：flex；
弹性：1；
证明内容：柔性端；
列表样式类型：无；
利润率：20px 80px 0；
右侧填充：30px；
}
.菜单ul{
显示器：flex；
列表样式类型：无；
}
.菜单项{
文字装饰：无；
颜色：黑色；
字号：18px；
}
.菜单项：悬停{
颜色：#0065fc；
}
李先生{
显示器：flex；
右边距：60px；
字体大小：正常；
字号：18px；
}
/*-------------------标题移动大小-------------------*/
@介质和全部（最大宽度：576px）{
/*--标题--*/
.菜单{
右边距：0px；
}
.菜单导航{
位置：相对位置；
弹性基准：100%；
顺序：2；
显示器：flex；
}
.菜单ul{
显示器：flex；
弹性基准：100%；
顺序：2；
位置：相对位置；
顶部：50px；
右：160px；
填充顶部：30px；
边缘顶部：20px；
左边距：-30px；
}
.菜单项{
边框底部：3倍实心#F2F2；
垫底：10px；
宽度：250px；
}
.菜单项：悬停{
边框底色：#0065FC；
}
李先生{
保证金权利：未结算；
文本对齐：居中；
证明内容：中心；
}
.注册{
位置：绝对位置；
填充顶部：0px；
边缘顶端：40px；
右边距：0px；
左侧填充：5px；
颜色：#0065fc；
文字装饰：无；
宽度：165px；
过渡：全部为0.4s；
右：9px；
}
}



.menu li {
  margin-right: 0px;
  padding-left: 30px;
  padding-right: 30px;
}