下拉时如何移动元素

Question

我目前正在开展一项任务，我要求在下拉列表展开后，下拉列表下方的元素不会被隐藏。

它们应该随着下拉展开而向下移动，并随着下降未展开而向上移动。

这可能吗？

我有以下示例代码：

<select id="test">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
<div>abc</div>

我想要div＆＃34; abc ＆＃34;在下拉列表展开时向下移动，以便它不会隐藏在下拉选项后面。

下拉未展开后，我希望div ＆＃34; abc＆＃34; 回到原来的位置。

Answer 1

如果你的意思是你不想隐藏在下拉列表背后的元素，那么你有两种方法可以去......

1. 将onClick事件附加到下拉列表，以更改下方框（包含其他元素）的最小高度css属性或来自＆＃39; auto＆＃39;的选择框的容器。到所需的像素数量。

2. 在CSS中实现一个下拉列表，其中divs / ul显示并隐藏了子元素。您可以采用与网站标题中的下拉菜单相同的方法。这将推动所有内容。