我想要搜索输入字段

Question

您好我是初学者我想在搜索框的输入字段中添加滚动条。 使用此代码

.ex1{
overflow-x: hidden;
overflow-y: scroll;
}

<div class=ex1> .... </div>

使用此代码我实现了滚动条，但搜索列表没有下降。 enter image description here

我想要我的滚动条和搜索数据就像这样enter image description here

请在代码中帮助我。

Answer 1

如果为div标签赋予高度，则可以滚动

.ex1{
overflow-x: hidden;
overflow-y: scroll;
}
<div class="ex1" style="height:300px"> .... </div>

Answer 2

根据我的说法，你应该有不同的div，一个用于输入字段，另一个用于显示结果，这样你就可以只在第二个div中添加滚动。

给第二个div position:absolute放置它并使用max-height给它最大高度然后添加overflow-y:auto以在需要时添加滚动，否则它将以隐藏的形式