Html 如何删除purecss导航栏的滚动条?

Html 如何删除purecss导航栏的滚动条?,html,css,responsive-design,navbar,yui-pure-css,Html,Css,Responsive Design,Navbar,Yui Pure Css,在我的网站上,我使用pure.css,导航栏包含的元素比小屏幕不滚动显示的元素还要多。因此,在这种情况下会出现一个滚动条,这是我不想要的。 我希望导航栏保持在顶部,以便导航栏和内容同时滚动。当我使用位置时:绝对;一切看起来更糟。此外,该导航栏的移动版本仍应可用(在移动屏幕上滚动导航栏仍应可用) 我还尝试停用overflow-y,但很明显,导航栏上的每个元素都不是可点击的。如果您希望导航栏和内容同时滚动,则不应使用位置:固定 移除位置:固定 将float:left添加到菜单div 将float:

在我的网站上,我使用pure.css,导航栏包含的元素比小屏幕不滚动显示的元素还要多。因此,在这种情况下会出现一个滚动条,这是我不想要的。 我希望导航栏保持在顶部,以便导航栏和内容同时滚动。当我使用位置时:绝对;一切看起来更糟。此外,该导航栏的移动版本仍应可用(在移动屏幕上滚动导航栏仍应可用)


我还尝试停用overflow-y,但很明显,导航栏上的每个元素都不是可点击的。

如果您希望导航栏和内容同时滚动,则不应使用
位置:固定

  • 移除
    位置:固定
  • float:left
    添加到菜单div
  • float:right
    添加到内容div

如果我误解了你的意思,马可·瓦伦特的评论应该很好。

如果你希望导航栏和内容同时滚动,你不应该使用
位置:fixed

  • 移除
    位置:固定
  • float:left
    添加到菜单div
  • float:right
    添加到内容div

如果我误解了你的意思,马可·瓦伦特的评论应该很好。

这个问题已经得到了回答:这个问题已经得到了回答:太好了,这就是我想要的。现在我只需要弄清楚如何用导航栏背景色填充导航栏下方的空间。当menu div具有活动类时,您应该从#menu中删除
position:static
。太好了,这就是我想要的。现在我只需要弄清楚如何用导航栏背景色填充导航栏下方的空间。当menu div具有活动类时,应该从#menu中删除
position:static