CodePen Embed

<div class="hoge">
  <p>
    ウィンドウ縦幅の50%でheight指定
  </p>
  <div class="hoge__fuga">
    <p>
      ウィンドウ縦幅の25%でheight指定
    </p>
  </div>
</div>

.hoge {
  height: 50vh;
  background: #ccc;
  &__fuga {
    height: 25vh;
    background: #aaa;
  }
}

This Pen is owned by hi-uema on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.