元素与隐藏的可见性导致空白

Question

我面临这样的情况下，隐藏使用“可见性：隐藏”的弹出窗口仍然保留在屏幕上的空间，而我无法控制此元素的坐标，因为它通过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();