HTML/CSS垂直导航栏是否仍然水平？

我正在尝试为手机制作一个垂直导航条，但看起来CSS并不好。有人能看出来是怎么回事吗？ 我会尽快把照片发出去

HTML代码

#导航{
宽度：100%；
高度：自动；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
宽度：100%；
}
李阿{
显示：块；
宽度：100%；
填充：8px 16px；
保证金：0自动；
}
.导航激活{
显示：块；
宽度：100%；
}
li a:悬停：未（.active）{
颜色：#1b9cc6；
}

伙计，你的

#导航

占据了

100%的
宽度
。它占据了你屏幕宽度的100%。尝试使用更小的值进行更改。
您希望导航项目排成一行（水平），还是在彼此下方（垂直）？链接在该尺寸下太大，无法垂直对齐。使用媒体查询或引导帮助您进行响应式设计您可以显示更多CSS吗？您在这里显示的内容不足以生成屏幕截图，因此问题一定是您没有显示的位！另外，这也离题了，但我不确定你所说的“适合Linux的工具”是什么意思。你在找gpaint吗？更新：我相信问题出在媒体查询上。有一种样式没有定义宽度。