HTML、CSS-打开下拉列表后的表单拉伸

我的HTML页面被div分割， 其中一个文本框是自动完成：

HTML代码：

 <div class="col-md-2">
                <input type="text" class="acDoc ui-autocomplete-input"  
                       data-bind="ac:Doctors, acSelected: selectedDoctor, acLabel: 'Name', acValue: 'Value',
     acMax: 10, acMinLength: -1, acDelay: 300"  />
            </div>

“自动完成”打开时，整个窗体将拉伸：

我希望自动完成打开下面的文本框

---

无需拉伸表单。

您可以使用

位置：绝对。然后，您可以相应地设置样式。
您可以使用
位置：绝对。那么，您可以相应地设置样式。
使父div
位置：相对的
和自动完成弹出
位置：绝对的
使父div
位置：相对的
和自动完成弹出
位置：绝对的
您需要在自动完成中添加一个
位置
属性，并将其指定为
绝对值
。

从
位置：绝对

元素将从正常文档流中删除，并且不会在页面布局中为元素创建空间

要在之后定位元素，您可以使用
顶部
、
底部
、
左侧
和
右侧
属性（记住要将
位置：相对
添加到父级，这样才能工作）

注意：您可能需要指定绝对定位元素的
z-index
。
您需要在自动完成中添加
position
属性，并将其指定为
absolute
。

从
位置：绝对

元素将从正常文档流中删除，并且不会在页面布局中为元素创建空间

要在之后定位元素，您可以使用
顶部
、
底部
、
左侧
和
右侧
属性（记住要将
位置：相对
添加到父级，这样才能工作）

注意：您可能需要指定绝对定位元素的
z-index
。
医生列表div的代码是什么？它应该绝对用z-index定位，就是这样。医生是一个在js文件中定义的列表，我应该定位包含自动完成的div吗？让我看看代码，给你准确的答案。医生列表div的代码是什么？它应该用z-index绝对定位，就是这样。Doctors是一个在js文件中定义的列表，我应该定位包含自动完成的div吗？让我看看代码以给出准确的答案。位置：absolute在包含自动完成的div上？你能解释一下吗，我是一个新的巫婆css。所以，你需要用css来定位出现在自动完成输入字段下面的div（实际上是移动其余内容的div）。然后，在其上使用位置：绝对；z指数为99；通过这种方式，内容将位于其他元素之上，而不是为自己腾出空间并将其推到下面。检查位置文件：绝对位置；如有需要，请参阅更多信息。位置：绝对位于包含自动完成的div上？你能解释一下吗，我是一个新的巫婆css。所以，你需要用css来定位出现在自动完成输入字段下面的div（实际上是移动其余内容的div）。然后，在其上使用位置：绝对；z指数为99；通过这种方式，内容将位于其他元素之上，而不是为自己腾出空间并将其推到下面。检查位置文件：绝对位置；如有需要，请查看更多信息。