toda - Cómo cambiar el ancho para llenar el espacio restante(CSS)

div que ocupe todo el ancho de la pantalla

Question

Echar un vistazo :

El resultado debe ser

Answer 1

En realidad, usar css flex display puede resolver esto fácilmente.

Establecer el contenedor padre para tener

display: flex;
align-items: stretch;
align-content: stretch;

Entonces los niños tendrán flex-grow: 0;

Hacer que el último niño tenga flex-grow: 1;

Coloque #sidebar y #post_box en #content y luego

#content { display:flex; align-items: stretch; align-content: stretch; }
#sidebar { float:left; width:280px; flex-grow: 0; }
#post_box { float: left; flex-grow: 1; }

Answer 2

#sidebar { float:left; width:280px; }
#content { margin: 0 0 0 280px; } /* dont float it */

http://jsfiddle.net/auTbG/1/

Sin embargo, tendrá problemas si tiene flotadores dentro de #content y trata de eliminarlos.