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

Jac*_*IRR 4 html css

必须有一些特殊的东西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>
Run Code Online (Sandbox Code Playgroud)

CSS:

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

ul {
  overflow-y:scroll;
}
Run Code Online (Sandbox Code Playgroud)

小智 6

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

向 ul 添加明确的高度。

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

ul {
  height: 100px;
  overflow-y:scroll;
}
Run Code Online (Sandbox Code Playgroud)

应该做的伎俩。