<style>
#main {
	width: 300px;
	height: 300px;
}

#nested {
	border: 1px solid red;
	display: block;
	height: 50%;
	width: 50%;
}

</style>

<div id=main>block level box with<div id=nested>height </div>percent when containing block has fixed height.</div>