[css]サイドバーの高さがコンテンツ量（高さ）で違ってしまう

Question

サイドバーのデザインをcssで作成しているのですが
コンテンツ量に応じてサイドバーのbackgroundが途中で切れてしまいます。

やったこと

「height: auto;」と指定すると、コンテンツ量が多いとページいっぱいまでサイドバーが伸びてくれるが少ないと、途中で終わってしまいます。

#sidebar {
	width: 60px;
	height: auto;
	padding: 90px 0 0 0;
	background: #003e69;
	min-width: 60px;
}

また、
「height: 100vh;」と指定すると、逆になります。

#sidebar {
	width: 60px;
	height: 100vh;
	padding: 90px 0 0 0;
	background: #003e69;
	min-width: 60px;
}

Answer 1

#sidebar {
    min-height: 100vh;
}

でどうでしょう？

Comments

[DaisukeMori]

ご回答ありがとうございます。
完璧です！！無事両方のサイズでも下までサイドバーが伸びてくれました。