posicionar elemento

[Biel. 9]

Pessoal como faço para posicionar a div aprendiz na parte inferior da div principal. 
Nota: Gostaria de saber se tem como fazer isso sem usar Unidades de tamanho  %  em px ou qualquer outra

<style>

.principal{
	width:500px;
	margin:0 auto;
	height: 200px;
	background-color:#990;
	}

.aprendiz{
	width:200px;
	height:50px;
	background-color:#CCC;
	position: fixed ; 
	}

</style>


<div class="principal">

<div class="aprendiz"></div>

</div>

 

[titenq 0]

Tenta aí:

 

.aprendiz{
	width:200px;
	height:50px;
	background-color:#CCC;
	position: relative ; 
	bottom: 0;
	right: 0;
	}

 

[Biel. 9]

19 horas atrás, titenq disse:

Tenta aí:

 

.aprendiz{
	width:200px;
	height:50px;
	background-color:#CCC;
	position: relative ; 
	bottom: 0;
	right: 0;
	}

 

titenq, obrigado por postar. Gostaria de obter o mesmo resultado do que você postou com position: fixed;  e não position: relative;  

[ShadowDLL 2]

Fiz algumas alterações do meu gosto, mas a ideia é a mesma!

 

<style type="text/css">
*
{ padding: 0; margin: 0 }

body
{ background: #000 }

.principal
{ background: #00f; width: 60vw; height: 100vh; margin: auto }

.principal .aprendiz
{ width: 60vw; height: 20vh; background: #f0f; position: fixed; bottom: 0 }
</style>

<div class="principal">
	<div class="aprendiz"></div>
</div>