javascript - 下拉菜单滚动条问题

Question

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

虽然列表上有5个元素，但我猜它只显示了一个，其他的因为高度不合适而没有显示。

这是CSS代码；

注意:如有任何需要请通知我

Answer 1

包含元素可能有默认值(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>