• « 高さ単位が % の要素の算出対象 body 要素の最初の内包要素 (XML 宣言無し)
• body 要素の最初の内包要素に上方向の margin がある場合、body 要素デフォルトの margin »

高さ単位が % の要素の算出対象 body 要素の最初の内包要素 (DOCTYPE 宣言無し)

content...

なし

<div id="box01">content</div>

div#box01 {
  width: 300px;
  height: 100%;
}