CSS：如何在数据列表中设置最大高度？

Question

我有这个数据列表，我假设选项中的数据超过 100，我希望有一个最大高度，以便设计看起来整洁。请帮帮我。谢谢。

<input type="text" list="suggestions" class="form-control" style="width: 100%;" >
<datalist id="suggestions" >
  <option value="Blue">
  <option value="White">     
  <option value="Black">
  <option value="Red">
  <option value="Green">
  <option value="Blue">
  <option value="White">     
  <option value="Black">
  <option value="Red">
</datalist>

Answer 1

您想要一个可滚动的 div 来显示所有选项吗？ 如果是，您可以将父 'div' 的高度设置为设定高度并设置 "overflow-y:auto" 。