div布局（漂浮在其他元素上）

Question

我的窗口被分成两个div。

左侧有很多div，并拥有我的大多数表单元素。 右侧还包含div和其他表单元素。

在我的左div中，我有一些我想要显示的错误消息，我希望它们能够漂浮在其他div和元素上。

现在，当我显示错误消息时，元素会移动并且我的错误消息有时会减半（如下图所示）。

Answer 1

要实现“悬停”/“浮动”效果，您将需要使用Javascript获取输入错误的当前位置，然后使用该位置信息来动态设置位置：绝对CSS中的错误消息出现在其上方。

Answer 2

尝试添加在错误的div绝对位置。
没有代码或链接是不可能的帮助...

Answer 3

如果你想在错误走在第二个div你可以使用position:absolute

是相对于形式或特定输入错误？如果它是相对于输入，你可以把一个div position: relative周围的输入错误，更容易定位：

 .error {position:absolute; top:3px; right:3px} 
    .inputBox {position: relative} 

和类似：

<div class="inputBox"> 
     <label>name</label> 
     <input type="text"/> 
     <span class="error">error</span> 
    </div>