JSFiddle - React, Tailwind, and code Playground

HTML

<div class="uno">
vh
</div>
<div class="dos">
Este div tiene un alto definido
  <div class="dospuntocinco">
    15%
  </div>
</div>

CSS

.uno{
  width:100%;
  height:15vh;
  background:blue;
}
.dos{
  width:100%;
  height:250px;
  background:red;
}
.dos > .dospuntocinco{
  height:15%;
  width:100%;
  background:green;
}