Элементы с видимостью скрыты вызывает пробел

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