我有一张表格来获取新密码并确认密码。并且 div 称为“错误”,它是隐藏/显示块。当我验证输入时,我会在验证失败时显示这个 div。
这使得其他元素重新对齐它们的位置。假设我在图像上方放置了一些元素,当显示 div 时,这些元素会出现图像。
正确的做法是什么?
我试过 Positioning (relative, absolute) 。但是没有用。
任何人都可以帮忙。
我有一张表格来获取新密码并确认密码。并且 div 称为“错误”,它是隐藏/显示块。当我验证输入时,我会在验证失败时显示这个 div。
这使得其他元素重新对齐它们的位置。假设我在图像上方放置了一些元素,当显示 div 时,这些元素会出现图像。
正确的做法是什么?
我试过 Positioning (relative, absolute) 。但是没有用。
任何人都可以帮忙。
您应该使用 cssvisiblity:hidden
和visibility:visible
style 属性,这将确保即使它被隐藏也能占用所需的空间。
分别使用display:block
或display:none
将占用所需空间或不占用空间,这就是导致其他元素不可预测的重新对齐的原因。
通常在css中,
<div id="outer" style="position:absolute">
<div id="inner" style="position:relative">
</div>
</div>
表示外部应该是absolute
,内部 div 是relative
。在您的情况下,我建议您选择position: fixed
,因为它是一个错误消息块。