html - Elements with visibility hidden causes white space -

i facing case this, popup hidden using "visibility : hidden" still holds space in screen, while have no control on coordinates of element it's auto calculated primefaces control

jsfiddle example

here's simulation case

<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> 

hope can help, thank you

use jquery remove particular element screen

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