Sovrapporre due div contenuti in un div padre

[lordalbert]

Ciao. Io ho un div, contenente due div, il secondo dei due però è abilitato soltanto in certe condizioni (tramite condizione di angularjs).
Il problema si verifica quando il secondo div è abilitato, perchè viene posizionato sotto al primo div. Io vorrei che venga posizionato sopra al primo div. Che sia sovrapposto ad esso.

Scrivo il codice html che ci capiamo meglio

<div id="divPadre" style="width:90%; height:50px; padding: auto">
    <div id="div1">some text</div>
    <div id="div2" ng-if="expression">some text</div>
</div>

(come dicevo, vorrei che quando div2 è presente, quest'ultimo occupi tutto lo spazio di divPadre, e che div1 non sia quindi mostrato (che stia quindi sotto div2).

(la soluzione di mettere un altro controllo in div1 e mostrarlo solo quando non è mostrato div2 non va bene, perchè poi mi crea altri problemi col resto della pagina. Vorrei che div1 fosse un "livello sotto" div2).

Grazie per eventuali consigli

[carlomarangoni]

Per portare un elemento sopra un'altro bisogna usare z-index, poi non ti so dire altro perchè bisigna essere dentro la situazione un po' più a fondo

[lordalbert]

gli z-index specificano la "priorità" dei livelli. Quale deve stare sopra l'altro. Però se due elementi sono affiancati o uno sotto l'altro, gli z-index non risolvono il problema. Credo sia una questione di "position" dei css

[Vincent.Zeno]

gli z-index specificano la "priorità" dei livelli. Quale deve stare sopra l'altro. Però se due elementi sono affiancati o uno sotto l'altro, gli z-index non risolvono il problema.

allora spiega meglio il contesto e cosa vuoi realizzare... perché la soluzione, per come l'hai raccontata prima, sta proprio nello z-index