如何使用 CSS 创建可滚动的水平菜单？

在本文中，我们将实现一个 使用 CSS 的可滚动水平菜单。

方法： Scrollable Horizontal Menu 用于使用 CSS “ overflow:auto”和 “ white-space: nowrap”滚动水平导航栏。这两个属性用于滚动水平菜单。

实现可滚动的水平菜单

1. 您必须添加 HTML。
2. 您必须将 CSS 添加到代码中。

示例：在下面的示例中，我们使用了 CSS 属性“overflow : auto”和“white-space : nowrap”。

HTML

    
    


    
       
GeeksforGeeks
    
    
Horizontal Scrollable Menu
    

      Home
      News
      Contact
      About
      Support
      Blog
      Tools  
      Base
      Custom
      More
      Logo
      Friends
      Partners
      People
      Work
    

输出：