Skip to main content
1 de 3
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Não aparece porque ela provavelmente está num contêiner sem dimensões. Desta forma o width e o height ficam sem referência, já que são porcentagem de um elemento pai. Se o elemento pai não possui dimensões declaradas, logo não tem como calcular a porcentagem de vazio.

Se essa div tiver como pai o body, por exemplo, e você der uma altura a ele, irá aparecer mesmo vazia:

body{
   height: 100vh;
}

.quadrant {
  background-color: #E7E7E7;
  margin: auto;
  height: 40%;
  width: 20%;
}
<div class="quadrant">
</div>

Sam
  • 80,8mil
  • 22
  • 73
  • 128