min-heightプロパティ

min-heightプロパティは要素の高さの最小値を指定するプロパティです。要素の最低限の高さを設定したいときに使用します。

min-heightプロパティに指定できる値

min-heightプロパティには次の値を設定することができます。

min-heightプロパティを「70px」と指定した場合の例です。
要素は少なくとも70pxの高さを持つように調整されます。

.parent {
  height: 100px;
}
.box1 {
  height: auto;
  min-height: 70px;
}

<div class="parent">
  <p class="box1">プロパティのテスト</p>
</div>

min-heightプロパティを「50%」で指定した場合の例です。
親要素の50%（今回の場合は100pxの50%で50px）を最小の高さとします。

.parent {
  height: 100px;
}
.box2 {
  height: auto;
  min-height: 50%;
}

<div class="parent">
  <p class="box2">プロパティのテスト</p>
</div>