[résolu] Div pos:absolute dans div pos:relative = perte de flux ?!?

Bonjour,
Je ne sais pas si mon titre est très parlant .. sry
Afin de pouvoir superposer deux images (l'une sert de masque sur l'autre), je les ai placées dans des des div en position absolue elles-mêmes contenues dans une div en position relative pour qu'elles apparaissent dans le flux :

    <div class="audessus">
        /*
        des trucs au dessus
        */
    </div>
    <div class="image-accueil">
        <div class="defonce">
            <img src="monmasque.svg"/> 
        </div>
        <div class="picto-accueil">
            <img src="monimage.svg"/>                
        </div>
    </div>

    <div class="endessous">
        /*
        des trucs au dessus
        */
    </div>

et le css :

.image-accueil {
    position: relative;
}

.defonce {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
.defonce img {
    width: 100%;
    height: auto;
}
.picto-accueil {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%
}
.picto-accueil img {
    width: 100%;
    height: auto;
}

Le problème réside dans le fait que ma div "image-accueil" ne s'adapte pas au contenu (hauteur des deux images positionnées en absolu) et que donc, ma div "endessous" s'affiche au même niveau que ces images.
J'ai essayé de mettre un clear:both entre tout ça, ou bien la propriété flex (que je ne connaissais pas avant ce matin ) mais je n'arrive pas à mes fins :'(
Auriez-vous une astuce ?
Merci de votre aide.
Boimb.
Modifié par Boimb (10 Aug 2016 - 15:12)

En fait tu réalise une erreur que tu trouveras toute bête.

"elles-mêmes contenues dans une div en position relative pour qu'elles apparaissent dans le flux"

La question : qui est en position relative et donc dans le flux ; qui est en position absolute et donc hors flux ?

Ton conteneur est dans le flux et tes images hors flux.
Le conteneur est donc traité comme étant 'vide' car ses contenants ne sont pas dans le flux.

Tu dois conserver ton image d’accueil dans le flux, seul ton masque sera hors flux.
Modifié par erwan21a (10 Aug 2016 - 14:34)

erwan21a a écrit :

Tu dois conserver ton image d’accueil dans le flux, seul ton masque sera hors flux.

Bien évidemment !
Positionner les deux images en abs avec top et left à 0 est complètement glucose
Je dis merci sans avoir même essayé... C'est tellement logique.
Thx erwan21a !