在Chrome中选择框位置问题

Question

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

当选择框中没有选项并且用户尝试将其打开时，我显示了错误<div> 。 错误<div>位于三个<div>的顶部，并且在用户单击正文的任何​​部分时消失。

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

Answer 1

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

错误代码将显示在其他内容的顶部。 使用top：value可以将其放置在最合适的位置。