Ampliar div hijo más allá del contenedor div

Question

Estoy tratando de expandir este div a través del ancho del navegador. He leído de here que se puede utilizar para lograr {position:absolute; left: 0; right:0;} que como en el jsFiddle aquí: http://jsfiddle.net/bJbgJ/3/

Pero el problema es que mi actual #container tiene una propiedad {position:relative;}, y por lo tanto si se aplican {position:absolute} al niño div, solo se referiría a #container. ¿Hay alguna manera de extender aún más mi hijo más allá del #container?

Answer 1

puedo pensar en cinco otras posibilidades de lograr su objetivo:

1. Use márgenes negativos sobre el elemento interior se muevan fuera de la matriz

2. Uso Javascript para mover el elemento interior fuera del padre

3. Cambie el código fuente y mueva el elemento interno fuera del elemento principal.

4. Use position: fixed en el elemento interior. Esto permitirá que el elemento interno se rompa, pero tiene el lado negativo de que el elemento se fijará en la posición dada (nunca se mueve).

5. Retire la position: relative; del elemento padre o hacerle el elemento principal de un position: static

Answer 2

Usted puede tratar de añadir overflow:visible al padre div, a continuación, hacer que el niño más ancha que la de los padres.