css属性行为怪异-隐藏html元素但留下一个大空白元素占用网站中隐藏元素的相同空间[重复]

Question

我的网站上的 css 元素有问题。

我无法确定为什么 css 会这样 > https://www.platiniumhost.com/hosting.php...检查了这里的所有内容，它应该可以工作，但它不是...

问题：

如果您向下滚动页面，您会看到一个很大的空白区域...您可以使用https://www.platiniumhost.com/hosting.php 中的 control(-) 键将缩放减少到 -25% 以正确查看所有空白区域，请参见此处： ... 那么那么...

如果您使用“右键单击> 检查元素”检查源代码并使用 control+F（查找内容） 在搜索栏中使用“弹出”

你会找到<div class="modal-wrapper" id="popup">的属性

我将解释它是如何工作的，它是一个简单的 div 使用：

#popup {
    visibility: hidden;
    opacity: 0;
    margin-top: 0px;
}

property.. 如果你取消选中它：

visibility: hidden;
        opacity: 0;

你会看到大的空白区域将被隐藏元素替换...用 whis

这里的问题是......我如何摆脱那个白色的大空白空间？我想要做的是隐藏时它不显示大的空白......问题就在这里

<div class="modal-wrapper" id="popup">

因为如果您在元素检查器中将“id=popup”更改为任何值，例如 0，大的空白区域将被删除并替换为占用与白色空白页相同空间的隐藏元素。 ..

我检查了代码，但我不知道发生了什么或为什么会发生，

这里是 Javascript 元素，以备不时之需：

scripts.min.js

另外，主js中有一个函数叫做

“popupWindow”我不知道它是否必须对上述状态做一些事情，但是由于 js 文件被缩小，你可以使用 control(c) / control(v) (复制/粘贴)

https://beautifier.io > 美化 javascript 和 control(c) / control(v) (copy/paste) 到你的编辑器并检查它，但是我会在这里发布函数所以你不需要检查源文件并做上面暴露的...

function popupWindow(t, e, n, i, r) {
    var o = (screen.width - n) / 2,
        a = (screen.height - i) / 2;
    o < 0 && (o = 0), a < 0 && (a = 0);
    var s = "height=" + i + ",";
    s += "width=" + n + ",", s += "top=" + a + ",", s += "left=" + o + ",", s += r, win = window.open(t, e, s), win.window.focus()
}

但是没有发现任何异常或奇怪的东西……我不知道为什么 css 会这样……

提前谢谢你。

Answer 1

使用display:none; 而不是visiblity:hidden