fechar div ao clicar no X

Bom isso se chamamos de MODAL, segue uns links para você da uma olhada:

http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/

http://jquerymodal.com/

https://www.w3schools.com/bootstrap/bootstrap_ref_js_modal.asp

obrigado, vou analisar.

De um jeito bem basico:

<div class="container">
	<div class="x">x</div>
</div>
<button class="btn">Abrir</button>

var content = document.getElementsByClassName('container')[0];
document.getElementsByClassName('btn')[0].addEventListener('click',function(){
	content.style.display = "block";
});
document.getElementsByClassName('x')[0].addEventListener('click',function(){
	content.style.display = "none";
});

.container{
 position:relative;
 width:100px;
 height:100px;
 background:#000;
 display:none;
}
.x{
 position: absolute;
 top: 1px;
 right: 1px;
 font-size: 17px;
 color: #787878;
 background: #fff;
 padding: 4px 8px;
 cursor: pointer;
}