元素與隱藏的可見性導致空白

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();