CSS para "fill parent?"

Question

que tienen un elemento en el DOM que yo simplemente les gusta tener llenar el ancho de su matriz, independientemente de lo que es:

<div width="800"> 
    <div class="filler"></div> 
</div> 

¿Cómo puedo especificar en el CSS que la clase filler coincide con la anchura de su ¿padre?

.filler { 
    ? 
} 

Answer 1

Ha intentado: width: 100%;?

Answer 2

div es un elemento de bloque y por defecto llena su padre.
si no es probable que use float:left o float:right o display:inline o su padre no es de 800px.
(tal vez deberías probar con style="width:800px" o width="800px" en lugar de width="800")
Normalmente pongo un borde de color para ver cómo funciona.

Answer 3

A menos que haya algo que los detenga, elementos de nivel de bloque como div y p siempre llenarán todo el ancho de su contenedor. Si tiene un elemento en línea como span o a, puede darle un estilo como display: block para convertirlo en un elemento de nivel de bloque, pero esto también pondrá un salto de línea antes y después.

Answer 4

Dependiendo de lo que sea su elemento interno, existen varios enfoques.

Si se trata de un elemento de nivel de bloque (un párrafo, un div, etc.), se ajustará automáticamente para ocupar el 100% del ancho del contenedor.

Si se trata de un elemento en línea, demasiado malo para usted, no aceptará width:100% hasta que lo convierta en un elemento de nivel de bloque: display:block.

Los elementos flotantes son un caso especial: solo abarcarán el ancho de su contenido interno, incluso si son elementos de nivel de bloque. Requieren width:100%.

Los elementos posicionados por completo son aún más difíciles: necesitan width:100%, pero el contenedor también necesita un contexto de posicionamiento, por ej. position:relative.

ejemplos de los cuatro casos: http://jsfiddle.net/dD7E4/