Html 输入拉伸时，输入下拉列表不是100%

有人知道当输入拉伸得更宽时，下拉区域的宽度不是输入本身的100%的原因吗？事实上它变小了。我在Chrome和Edge中都试用过，所以它可能不会被浏览器重新渲染。自动完成下拉列表也会出现这种情况

这是我的密码

#联系人表单包装器{
填充：20px；
宽度：50%；
/*只有大屏幕*/
}
#联系人表单包装输入：不（[type=“submit”]），
#联系人表单包装文本区域{
宽度：100%；
填充：8px 5px；
边界：0；
边框底部：1px实心#95a5a6；
大纲：无；
背景：透明；
字号：1em；
字体系列：“Roboto”，无衬线；
}
#联系人表单包装文本区域{
调整大小：垂直；
最小高度：25px；
最大高度：250px；
}
.联系人输入{
位置：相对位置；
宽度：100%；
边缘底部：10px；
}

---

正如您所见，这是一种浏览器设计。据我所知，它无法添加。宽度增加一点，然后保持不变。在此页面中，菜单扩展到

。在那之后，有些事情限制了它

---

如果您想解决这个问题，您可以轻松创建自己的自动完成输入框

尝试使用z-index将其显示出来