javascript - 下拉菜单滚动条问题

我想创建一个在列表下查找的下拉列表，但它会自动为列表创建滚动条和不正确的高度。




尽管列表中有5个元素，但我猜只是显示了一个，而由于高度不合适，其他元素没有显示。

这是css代码；


注意：如果需要任何内容​​，请通知我

最佳答案

包含元素可能具有默认值（overflow: auto），因此当内容大于其大小时，它将创建一个滚动条。

只要确保您的包含元素具有overflow: visible。

.div1 {
  overflow: hidden;
}

.div2 {
  overflow: visible;
}

.div3 {
  overflow: scroll;
}

.div4 {
  overflow: auto;
}

.inner {
  height: 200px;
  width: 50px;
  background-color: red;
  color: white;
}

body {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.space {
  width: 80px;
  height: 100px;
  border: 1px solid black;
  background-color: blue;
}

<div class="space div1">
  <div class="inner">hidden</div>
</div>

<div class="space div2">
  <div class="inner">visible</div>
</div>

<div class="space div3">
  <div class="inner">scroll</div>
</div>

<div class="space div4">
  <div class="inner">auto</div>
</div>

关于javascript - 下拉菜单滚动条问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44323960/