下拉菜单滚动条问题

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>