2012-10-11 73 views
15

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/Ampliar div hijo más allá del contenedor div

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?

+0

Si se está posicionando absolutamente en relación con el cuerpo de todos modos, ¿hay alguna razón por la que no pueda llevar el elemento fuera del elemento primario actual? Además, ver su código y aplicación específicos podría ayudarnos también ... – Mike

Respuesta

23

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

+0

Gracias brett! ¡Lo intenté y funcionó! –

+5

@RyanMa pero, por desgracia, la respuesta nunca fue aceptada –

+0

El 4 ° punto parece funcionar para mí – madtyn

5

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.

Cuestiones relacionadas