css - CSS定位

Question

我有一张表格来获取新密码并确认密码。并且 div 称为“错误”，它是隐藏/显示块。当我验证输入时，我会在验证失败时显示这个 div。

这使得其他元素重新对齐它们的位置。假设我在图像上方放置了一些元素，当显示 div 时，这些元素会出现图像。

正确的做法是什么？

我试过 Positioning (relative, absolute) 。但是没有用。

任何人都可以帮忙。

Answer 1

您应该使用 cssvisiblity:hidden和visibility:visiblestyle 属性，这将确保即使它被隐藏也能占用所需的空间。

分别使用display:block或display:none将占用所需空间或不占用空间，这就是导致其他元素不可预测的重新对齐的原因。

Answer 2

通常在css中， <div id="outer" style="position:absolute"> <div id="inner" style="position:relative"> </div> </div>

表示外部应该是absolute，内部 div 是relative。在您的情况下，我建议您选择position: fixed，因为它是一个错误消息块。