chrome中的选择框位置问题答案

【问题标题】：Select box position issues in chromechrome中的选择框位置问题
【发布时间】：2018-01-29 14:42:16
【问题描述】：

我对 Chrome 中的选择框有疑问。我有三个选择框，其中第二个选择框的值取决于第一个，第三个的值取决于第二个。

I have shown an error <div> when there is no option in the select box and the user tries to open it.错误<div> 位于三个<div>s 的顶部，并在用户单击正文的任何部分时消失。

我的问题是在 Chrome 中运行时选项列表与选择框分离，因为在单击选择框（也是正文的一部分）时会隐藏错误 <div>。

【问题讨论】：

欢迎来到 SO。请发布代码，以便我们为您提供帮助。
请阅读How to Ask。
这个问题绝对没问题，不需要代码。他只是隐藏了一个元素，而元素只是重新定位打开的下拉列表而不是。
@Doomenik 当然这里需要代码。任何人都应该如何根据几张图片来帮助或解决问题？

标签： javascript css google-chrome select drop-down-menu

【解决方案1】：

您可以在错误元素上尝试position:absolute; 并使用例如top:-40px;left:0; 向上推。请记住，错误代码周围的元素需要position:relative;（定义绝对元素的“零位置”）。周围的元素（带有position:relative;）不能是“消失”的元素之一。

错误代码将显示在其他一些内容之上。使用 top:value，您可以将其放置在最适合的位置。

【讨论】：

对不起，我无法修复选择框的位置，因为它是一个大项目，其他选择框也出现同样的问题，因为框位于不同页面的不同位置，我不想硬编码他们的立场。我们不能得到 Firefox 用于选择框的 CSS，因为它在 Firefox 中运行良好。
如果您只想对代码进行细微更改来解决此问题。我想您将不得不显示一些代码或制作小提琴来说明问题。如果你这样做，你可能会得到更多的答案。如果不是，您将有猜测答案，没有答案或像“位置：绝对；”这样的激烈解决方案答案。