我正在尝试建立一个带有粘性导航栏的个人网站,其中一些项目下也有一个下拉菜单。导航栏“卡住”,但下拉菜单不会出现。我发现问题围绕着将下拉内容的位置设置为绝对,以及创建“导航栏”的ul的溢出设置为隐藏。(附言:我是CSS的新手,所以我提前道歉)。 到目前为止,我已经尝试将下拉内容的位置更改为"fixed“,但这只有在您向下滚动之前才能正常工作。一旦你向下滚动(作为方面),它仍然保持相同的距离向下,并且不会调整到导航栏的新位置。此外,我已经将导航栏的溢出更改为可见。下拉菜单正常工作,但导航栏的格式完全混乱。从本质上讲,所有这些更改都使问题变得“更好”,但只会带来新的问题。 ul {
当分辨率小于768px时,我的导航栏就会崩溃,但我的导航栏中的下拉菜单出现了问题。当我悬停/点击“服务”时,下拉菜单向上推“服务”,向下推“投资组合”,老实说看起来不是很好。当你悬停/点击“服务”时,“服务”停留在原处,而下拉菜单(“Rails”和“事件”)出现在它的下方,只是向下推“Portfolio”链接,我怎么能让它出现在哪里呢?
我遇到的最大问题是,当你在移动设备上查看时,当你点击“服务”时,它会自动从下拉列表中选择“铁路”链接,因为它的定位方式。我如何确定“服务”按钮的位置,以致子菜单出现在它的下方?
下面是我的代码。
enter code here