用于重新调整大小的菜单高度的CSS

Question

我的网站有很长的导航菜单。请检查以下网址和导航菜单'Tech Group' - ＆gt; '技术会议'和'业务组' - ＆gt; '商务会议'。这些菜单太长了，我在页面后面得到了空格。我希望此菜单根据页面大小自动调整大小。我试过css但是没有得到令人满意的结果。

http://prismeforum.org/new/top-content-for-prisme-members/meetings/2008-fall-daiichi-sankyo-usa/

查看上面的页面以供参考。

 {
   Position: fixed;
   height: auto;
   overflow-y: scroll;
 }

我尝试过像css这样的东西。

Answer 1

将一个类（如menudiv）添加到外面浮动的子菜单中，然后添加css

.menudiv {
overflow-y:scroll;
overflow-x:hidden;
height:50%;
}

如果您想设置滚动样式，则可以使用

.menudiv::-webkit-scrollbar {
  width: 4px;
}

.menudiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
border-radius: 2px;
}

.menudiv::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}