使用HTML和CSS的可滚动父级上的子菜单

Question

我正在用Rails编程，但是问题出在html + css + javascript。

<ul>
  <li>Menu1
    <ul style="overflow: hidden auto; height: 400px; display: none;">
      <li class="sub-menu">
        <a href="#">
          <div>submenu1</div>
        </a>
        <ul style="left: 258px; height: 400px; display: none;">
          <li>
            <a href="#">
              <div>Subsubmenu1</div>
            </a>
          </li>
          <li class="line"></li>
          <li>
            <a href="#">
              <div>Subsubmenu2</div>
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

我有这么长的子菜单列表，所以我希望它可以滚动。 一旦我将溢出添加到子菜单列表，“子子菜单”就会停止显示。我尝试检查javascript错误，但未成功。