html - 隐藏可见性的元素会导致空白

Question

我遇到了这样的情况，使用“visibility : hidden”隐藏的弹出窗口仍然在屏幕上保留一个空间，而我无法控制这个元素的坐标，因为它是由 Primefaces 控件自动计算的

JSFiddle example

这是我的案例的模拟

<div class="main"></div>
<div class="dialog"></div>
<style>
    .main{
        background-color: red;
        width: 100%;
        height: 100%;
    }
    .dialog{
        position: absolute;
        top: 800px;
        left: 0px;
        width: 200px;
        height: 200px;
        visibility: hidden; 
    }
</style>

希望能帮到你，谢谢

Answer 1

使用 jquery 从屏幕上删除特定元素

$( ".dialog" ).remove();