Buenas, tengo dos div alineados dentro de otro que ocupa el 100% de la pantalla, uno de ellos ocupa 50px de anchura y el resto quiero que lo ocupe el tercero dinamicamente (al poner 100% se baja) pero no se me ocurre una manera de hacerlo sin usar javascript, pongo un código de ejemplo para que se entienda mejor:
Código:
<style>
*{
margin:0px;
padding:0px;
}
#uno {
width:100%;
height:200px;
background-color:silver;
}
#dos {
margin-top:10px;
float:left;
width:50px;
height:180px;
background-color:black;
}
#tres {
margin-top:10px;
float:left;
width:50px;
height:180px;
background-color:white;
}
</style>
<div id='uno'>
<div id='dos'></div>
<div id='tres'></div>
</div>
Lo que quiero es que el div con id="tres" ocupe el resto de pantalla, ¿Hay alguna manera de hacerlo con css?