css - 在不移动位于下方的元素的情况下显示错误消息

Question

目标是在不移动元素的情况下添加文本错误消息 4. 可以使用 css 或 javascript 吗？

Answer 1

当你在文档流中添加一个元素时，它会占用一些空间，导致它下面的内容向下移动。为防止这种情况发生，您基本上有两种选择:

1. 让元素远离流。有几种方法可以实现这一点，一种可能是position: absolute。
2. 即使元素不可见，也让元素占据所需的空间。您可以将元素保持在流中，但使用 opacity: 0 或 隐藏它>可见性:隐藏。这样它需要的空间就已经在流中预留了。