CSS - 垂直滚动到 UL 列表答案

【问题标题】：CSS - Vertical scrolling to list of ULsCSS - 垂直滚动到 UL 列表
【发布时间】：2016-01-28 04:16:26
【问题描述】：

使用UL 和LIs 创建了一个select 框。现在想为列表添加垂直滚动条。所以跟着this 和一些更多的stackoverflow 查询。由此我得出结论，我需要使用：

overflow-y: auto;

但没有运气。如果可见超过 5 个项目，我必须添加滚动条。看看JSFiddle

【问题讨论】：

你需要指定一个高度/最大高度才能让任何内容溢出
@A.Wolff - 我尝试指定高度，但它显示的选择框始终带有滚动条。
@A.Wolff - 太棒了！谢谢，工作，就像一个魅力。

标签： jquery html css

【解决方案1】：

你希望这样吗？

演示：http://jsfiddle.net/jks0e2zy/4/

    .select {
cursor:pointer;
display:inline-block;
position:relative;
font:normal 11px/22px Arial, Sans-Serif;
color:black;
border:1px solid #ccc;
min-width:20%;
font-weight: bold;
height: 150px;
overflow-x: hidden;
}

【讨论】：

是的，但即使所有内部项目都被隐藏，它也会显示框可见。