布尔玛导航栏下拉菜单在导航栏中用滚动条打开

问题描述:

所以我做了一个导航栏下拉菜单,(http://bulma.io/documentation/components/navbar/)这有效,但我希望它在导航栏之外放下菜单,所以你不必在导航栏内滚动它。希望它能像我的网页上的其他内容一样自由落体。有谁知道我可以定义什么规则来实现这一点?

我可能忽略了一些有关这方面的信息,在他们的文档中,但我已经尝试了一堆CSS和HTML,但没有成功。
感谢布尔玛导航栏下拉菜单在导航栏中用滚动条打开

  <div class="nav-right nav-menu fa-lg"> 
      <a class="navbar-item" href="#about">About</a> 
      <div class="navbar-item has-dropdown is-active"> 
       <a class="navbar-item navbar-link">Locations</a> 
       <div class="navbar-dropdown"> 
        <a id= class="navbar-item">Stockholm</a> 
        <a class="navbar-item">Copenhagen</a> 
        <hr class="navbar-divider"> 
        <div class="navbar-item"> 
        Norway <3 
        </div> 
       </div> 
      </div> 


      <a class="navbar-item" href="#social">Social</a>  


     </div> 

固定的,用CSS:

.nav-right {overflow-y:visible} 

.navbar-item, .nav-right{overflow-x:visible}