3 Columnas Flotantes PX, %, PX

[C2am]

Una forma de controlar eso es pensar en como el navegador armará la página.
Luego piensas así:
1º que se dibuje la columna de ancho fijo : izquierda o derecha
2º que se dibuje la otra columna de ancho fijo: derecha o izquierda.
Entonces ahora, que ya están ubicadas las dos columnas de ancho fijo viene el tercer paso:
3º que se dibuje la columna de ancho variable igual al ancho que dejen disponibles las columnas fijas.

Código HTML:

<!-- Nota: como son div (elementos de bloque) no hace falta poner display:block -->
<div style="width:100%; overflow:hidden (o auto)"><!-- con overflow evitas poner el div vacio que limpia los float -->
        
        <div style="float:left; width:230px; background-color:#C06">
         Caja con ancho fijo a la izquierda
        </div>
        
        <div style="float:right;width:230px; background-color:#0CC">
        Caja con ancho fijo a la derecha
        </div>
        
        <div style="background-color:#060">
        Como ya se han posicionado las cajas fijas, esta caja quedara ubicada en el espacio libre que dejen las anteriores. 
 
Los background son solamente para ver la disposición.
        </div>
        
        
        
       <!--  <div style="clear:both"></div>  -- ya no hace falta gracias al overflow en la caja padre -->
</div>
 

Aclaración: como verás la ultima caja no es flotante, y debes considerar el tema de las alturas de las cajas. Prueba dandole alturas diferentes y veras a que me refiero. Para controlar mas o menos ese tema usa min-heigth y max-heigth.