Conseguir altura según contenido

[pablofa]

Buenas, estoy creando una página en el que la parte central está dividida en una ancha columna central y dos barras laterales; el problema es que cuando en la columna central el contenido supera el alto de la ventana, desborda y ni las barras laterales ni la central aumentan su altura en proporción al contenido.

este es el código css, por si ayuda

.cuerpo{
width: 100%;
height: 73%;
}

.barraLateralIzquierda{
height: 100%;
width: 20%;
background: #e9eaed;
float: left;
}

.espacioCuerpoCentral{
height: 100%;
width: 60%;
float: left;
}

.barraLateralDerecha{
height: 100%;
width: 20%;
background: #e9eaed;
float: left;
}

Agradezco de antemano cualquier información.

[pzin]

Si le quitas las alturas que has puesto funcionará como explicas que quieres que funciones.

[pablofa]

Iniciado por pzin

Si le quitas las alturas que has puesto funcionará como explicas que quieres que funciones.

Con esto he conseguido que cada una de las tres columnas adapte su altura a su contenido, pero ahora quedan unas más altas que otras y me interesaría que las más cortas se alarguen para que todas tengan la misma altura.

[fede5426]

Hacé que se comporten como una tabla:

http://codepen.io/fede5426/pen/waeNge

Código HTML:

<div class="lateral"></div>
<div class="central">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum natus fugit, sed magni numquam a obcaecati. Qui impedit, perspiciatis commodi sint libero est beatae. Aut voluptatem maiores rem, dolore ad!</div>
<div class="lateral"></div>
 

Código CSS:

.central{
    display:table-cell;
    background-color:#ff0000;
    color:#fff;
    margin:.2em;
    width:200px;
    padding:1em ;
}
 
.lateral{
    display:table-cell;
    width:200px;
    background-color:#161616;
}
 

Asi se van a adaptar todos a la altura del que mas contenido tenga.