％で指定

HTML

width（ウィズ）height（ハイト）

%で指定する場合、親の要素に対する割合が設定される
但し、heightはクセが強いんじゃ。

---HTML---
<html>
  <head>
  </head>
  <body>
    <div> hogehoge </div>
  </body>
</html>

---CSS---
div{
    width: 50%;
    height: 50%;
}

とした場合、heightはうまく適用されない。

↓↓↓　こんな風に親のサイズも指定する必要がある

body, html{ height: 100%; }