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

Question

我的窗口分为两个div。

左侧有很多div并且保存了我的大多数表单元素。 右侧还包含div和其他表单元素。

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

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

Answer 1

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

Answer 2

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

Answer 3

如果您希望错误超过第二个div，则可以使用position:absolute

是相对于表单还是特定输入的错误？如果它与输入相关，你可以在输入和错误周围加上position: relative的div，以便于定位：

     .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>