Edit in JSFiddle

#columna1 { background: blue; width: 70%; }
#columna2 { background: gray; width:20%; }
#columna1, #columna2 { float:left; color: white; }
<div id="contenedor">
    <div id="columna1">
        Esta es la columna #1<br>
        con su contenido<br>
        de varias filas
    </div>
    <div id="columna2">
        Esta es la columna 2
    </div>
</div>