CSS'te yüksekliği yüzde(%) cinsinden ayarlamak

Merhaba üstadlar.

CSS'te, üst bloğun yüksekliğini belirlemediğimde, mevcut bloğun yüksekliğini yüzde cinsinden ayarlayamıyorum.

<style>
.ust-blok{height:400px;}
.alt-blok{height:100%;}
</style>
<div class="ust-blok">
   <div class="alt-blok">
   </div>
</div>

şeklinde yaptığımda alt bloğun yüksekliği 100%, yani 400px oluyor ancak,

<style>
.ust-blok{height:auto;}
.alt-blok{height:100%;}
</style>
<div class="ust-blok">
   <div class="alt-blok">
   </div>
</div>

şeklinde yaptığımda yükseklik yüzde cinsinden ayarlanmıyor. Bunu yapmanın yolu nedir kapsayıcı bloğun yüzdesini pixel cinsinden belirlemeden?

[HTML]Bunun için html ve body elementlerine yüzde belirtmemiz gerekiyor. Yüzdelik değerlerini istediğiniz gibi ayarlayabilirsiniz bu durumda. Aşağıdaki şekilde yaparsanız istediğinizi elde edebilirsiniz.

<style>
        html, body {
		height: 100%;
	}
	.ust-blok{
		height: 100%;
	}
	.alt-blok{
		height:100%;
	}
</style>

Bahsettiğiniz şekilde denemiştim ancak alt-blok'un üstüne herhangi bir blok ekleyince, üstteki bloğun yüksekliğine ek olarak tarayıcının yüksekliği ekleniyor ve sayfa son hâliyle kaydırılabilir oluyor. Başka bir yöntem deneyeceğim mecburen. Cevabınız için teşekkür ederim.