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

Question

我的窗口分为两个 div。

左侧有许多 div 并包含我的大部分表单元素。右侧还包含 div 和其他表单元素。

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

现在，当我显示错误消息时，元素会四处移动，我的错误消息有时会被切成两半（如下图所示）。

Answer 1

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

Answer 2

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

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>