我有一个隐藏的元素，使用
隐藏 visibility:hidden;
但它仍会占用页面上的空间，如果它可见的话。这导致一些其他元素被进一步向下推到页面，看起来很奇怪。它被隐藏的原因是因为它只会在手机上显示。有没有办法删除这个空白区域？
答案 0 :(得分：5)
visibility: hidden的元素仍占用页面空间。如果要从布局流中删除元素，请使用display: none。 虽然您仍然可以在DOM中与它进行交互，但display:none将允许其他元素占用为其分配的空间。
另请注意， visibility: hidden或display: none都不会回复事件。
答案 1 :(得分：1)
没有看到你的代码......很难做到......但默认是display:none
答案 2 :(得分：0)
visibility:hidden;
只是隐藏元素，但不会将其从布局
中删除使用
display:none;
将其从布局中删除。
答案 3 :(得分：0)
这是因为 visibility: hidden; 仅隐藏元素，相当于使其100％透明。
display: none; 然而，会隐藏您的元素，例如visibility: hidden;，但会更进一步，并有效地将其从您的网页中删除（它实际上不是 删除它，它只是给出了这种效果。）