tengo en mi página un problema.. quiero bajar hasta el footer el contenedor de los articulos de mi página pero no funciona.. le intento poner a la etiqueta css
height= 100%;
pero este baja unicamente hasta la paginación.. no puedo usar valores staticos. ¿Qué le aplico?
<section class="fondoArticulos">
<div class="container">
<div class="tamano">
<div class="col-sm-3 barraNavegacion">
<div class="alinearBuscador">
<a href="/"><img src="../images/forte.png" class="img-responsive" alt="Logo" width="250" height="100" /></a>
</div>
<hr>
<div id="navegacionLateral" class="left-sidebar">
<h2>menú</h2>
<div class="panel-group category-products" id="accordian"><!--category-productsr-->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a href="/">
INICIO
</a>
</h4>
</div>
</div>
@yield('categorias')
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a href="/#contact">
CONTACTAR
</a>
</h4>
</div>
</div>
</div><!--/category-products-->
<div class="price-range">
<div class="text-center">
<h2>CATÁLOGO</h2>
<a target="_blank" href="http://online.fliphtml5.com/jgdk/bjxv/">
<img src="https://www.dyna.com.co/uploads/banners/PORTADA%20FORTE.jpg" width="180" height="250" alt="team 1">
</a>
</div>
</div>
<div class="shipping text-center">
<img src="https://www.dyna.com.co/uploads/banners/forte.jpg" alt="" width="262" />
</div>
</div>
</div>
</div>
<div class="tamano">
<div id="detalle" class="col-sm-9 padding-center descripcionArticulos">
<br>
@yield('contenido')
</div>
</div>
</div>
</section>
codigo CSS
.tamano {
height: 100%;
}