Estende child div oltre container div

Question

Sto cercando di espandere questo div attraverso la larghezza del browser. Ho letto da here che è possibile utilizzare per raggiungere questo {position:absolute; left: 0; right:0;} come nel jsfiddle qui: http://jsfiddle.net/bJbgJ/3/

Ma il problema è che il mio attuale #container ha una proprietà {position:relative;}, e quindi se applico {position:absolute} al bambino div, si riferirebbe solo a #container. C'è un modo per estendere l'immersione di mio figlio oltre lo #container?

Answer 1

posso pensare di cinque modi per potenzialmente raggiungere il tuo obiettivo:

1. Utilizzare i margini negativi sulla elemento interno di muoversi al di fuori del genitore

2. utilizzare JavaScript per spostare l'elemento interno esterno del genitore.

3. Modificare il codice sorgente e spostare l'elemento interno all'esterno del genitore.

4. Utilizzare position: fixed sull'elemento interno. Ciò consentirà all'elemento interno di scoppiare ma ha il lato negativo che l'elemento sarà fissato nella posizione data (mai in movimento).

5. Rimuovere il position: relative; dall'elemento genitore o dare l'elemento padre un position: static

Answer 2

Si può provare ad aggiungere overflow:visible al genitore div, quindi rendendo il bambino più largo del genitore.