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

我的窗户被分成两部分

左侧有许多div，并保存大多数my form元素。 右侧还包含div和其他表单元素

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

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

---

尝试在错误div上添加绝对位置。
如果没有代码或链接，则无法帮助…

尝试在错误div上添加绝对位置。
如果没有代码或链接，则无法帮助…

要实现“悬停”/“浮动”效果，您需要使用Javascript获取错误输入的当前位置，然后使用该位置信息动态设置错误消息上方CSS中的position:absolute。

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

如果希望错误越过第二个div，可以使用

position:absolute

错误是与表单相关还是与特定输入相关？如果是相对于输入的，则可以在输入和错误周围放置一个带

位置：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>

名称
错误

如果您想让错误越过第二个div，您可以使用

位置：绝对值

错误是与表单相关还是与特定输入相关？如果是相对于输入的，则可以在输入和错误周围放置一个带

位置：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>

名称
错误

您需要发布一些代码。图片不会剪切它。你需要发布一些代码。一张照片是不会剪掉它的。