在chrome中选择框位置问题

Question

我在Chrome中选择框时遇到问题。我有三个选择框，其中第二个选择框的值取决于第一个，第三个的值取决于第二个。

当选择框中没有选项且用户尝试打开它时，我显示错误<div>。错误<div>出现在三个<div>的顶部，当用户点击正文的任何​​部分时，错误就会消失。

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

Answer 1

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

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