Html 他们的菜单怎么样

有人能告诉我stackoverflow是如何获得菜单下的连续行的吗：

我基本上有一个主分区，它是一个灵活的盒子（没有边框设置）。它包含设置底部边框的元素。但是，如果我想像stackoverflow那样将项目隔开，那么我会在底线上找到间隙

有人知道如何在分隔项目的同时实现连续的底线吗

#主容器{
填充：30px；
填充顶部：100px；
}
#集装箱显示栏{
高度：40px；
显示器：flex；
弯曲方向：行；
}
.冷静{
显示器：flex；
弹性基准：20%；
填充：3倍；
证明内容：中心；
边框宽度：1px；
边框样式：实心；
左边距：8px；
}
.dispBarItem>span{
自对准：居中；
}
最后一个孩子{
弹性基准：60%；
边界：无；
边框底部：1px实心；
}
.集装箱{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
边框宽度：1px；
边框样式：实心；
边界顶部：无；
高度：300px；
}
A.
B

你的意思是这样的吗

诀窍是将

边框底部设置为白色，并将
边距底部设置为：-1px
，使边框在
容器的边框上重叠


#主容器{
填充：30px；
填充顶部：100px；
}
#集装箱显示栏{
高度：40px；
显示器：flex；
弯曲方向：行；
}
.冷静{
显示器：flex；
弹性基准：20%；
填充：3倍；
证明内容：中心；
左边距：8px；
}
.选定{
边框：1px实心；
边框底部：1px实心#fff；
边缘底部：-1px；
}
.dispBarItem>span{
自对准：居中；
}
/*最后一个孩子{
弹性基准：60%；
边界：无；
边框底部：1px实心；
}*/
.集装箱{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
边框宽度：1px；
边框样式：实心；
/*边界顶部：无*/
高度：300px；
}

A.
B
我建议阅读他们使用的CSS。从这里开始，一旦遇到麻烦，就要问一个具体的问题。你的评论有什么建设性。我可以这样说，任何人在这个网站上发布的问题。只要读一读关于指针的C书。。。只要读一本关于CSS的教科书就行了。我的问题很具体，我想知道如何在没有底部间隙的情况下得到一条连续线。如果你想发表这样一个糟糕的评论，根本不要发表，问问你自己。“我如何在元素周围创建‘线’？我可以更改每条线的可见性吗？如果可以，如何更改？”@MarMan29，请查看，然后。从阅读您的问题可以清楚地看出，您实际上没有花时间来了解堆栈溢出是如何工作的，您希望互联网上随机出现的陌生人免费为您工作。