溢出-y 滚动不适用于嵌套在 div 中的 ul

Question

必须有一些特殊的东西overflow-y: scroll才能上班，而我找不到它......有什么想法吗？

https://jsfiddle.net/tmnx2z0u/

HTML：

<div>
  <ul>
    <li>
      One
    </li>
    <li>
      One
    </li>
    <li>
      One
    </li>
    <li>
      One
    </li>
    <li>
      One
    </li>
    <li>
      One
    </li>
    <li>
      One
    </li>
  </ul>
</div>

CSS：

div {
  background-color: #FFFFEE;
  width: 200px;
  height: 100px;
  overflow-y: hidden;
}

ul {
  overflow-y:scroll;
}

Answer 1

从 div 容器元素中删除 overflow-y: hidden。

向 ul 添加明确的高度。

div {
  background-color:#FFFFEE;
  width: 200px;
  height: 100px;
  //overflow-y: hidden;
}

ul {
  height: 100px;
  overflow-y:scroll;
}

应该做的伎俩。