Joindre div à droite d'un autre div

J'ai un div qui est comme un récipient et à l'intérieur il y a 2 images. Une image est sur le côté gauche de la div et l'autre est sur la droite.
Mon conteneur est Bootstrap du conteneur

Deux d'entre eux sont enveloppés avec un div, et que div's position est fixed.

Mon problème est que je ne peut pas localiser le droit à l'image pour être fixé sur le côté droit de la conatiner. J'ai essayé le float et la right propriétés, mais ils donnent pas le résultat attendu.

Comment puis-je joindre des div à droite d'un autre div?

u peut montrer votre code ou jsfiddle
jsfiddle.net/mqwbcLn8/1 (Dans mon site web, l'élément est une image et non du texte)
Une image est sur le côté droit de la plongée et l'autre est sur la droite????
Désolé. J'ai résolu la question
éléments avec position fixe sera par rapport à la fenêtre d'affichage.

OriginalL'auteur Tal | 2015-08-05

  1. 2

    Si je suis la compréhension de votre problème correctement, vous avez un grand récipient avec position fixe. A gauche de la div à l'intérieur du conteneur qui colle à l'intérieur de la gauche et un à droite div à l'intérieur du conteneur qui colle à l'intérieur à droite?

    Vous pouvez simplement régler l'affichage inline-block qui va les forcer à côté, puis utilisez les touches gauche/droite pour les positionner à l'intérieur du conteneur:

    HTML:

    <div class="container">
    <div class="left-element">
        left
    </div>
    <div class="right-element">
        right
    </div>
</div>

    Votre css serait tout simplement ressembler à ceci:

    .container {
    width:500px;
    position: fixed;
}

.left-element {
    background: green;
    display: inline-block;
    position: absolute;
    left: 0;
}

.right-element {
    background: red;
    display: inline-block;
    position: absolute;
    right: 0;
}

    jsfiddle: https://jsfiddle.net/mqwbcLn8/3/

    La gauche et la droite, les éléments doivent avoir une position fixe
    position: fixed va mettre un élément fixe par rapport à la fenêtre, et non pas à un conteneur parent je n'ai pas le croire. Le ci-dessus va "fixer" la gauche et la droite des éléments à une position fixe à l'intérieur de l'élément conteneur. Quelle est votre raison de vouloir la gauche/droite des éléments de la position: fixe?
    Voici un exemple à partir d'un autre thread: jsfiddle.net/T2PL5/85 ... au Lieu de l'affichage, vous pouvez flotter à gauche/à droite, et de la position: correction de la gauche récipient intérieur, mais le flux des vis si vous essayez de corriger à la fois la gauche et la droite divs, car ils vont tous les deux être par rapport à la fenêtre (et pas le contenant) et se chevauchent les uns les autres
    Ce n'est pas de coller ensemble....

    OriginalL'auteur Simon

  2. 2

    https://jsfiddle.net/mqwbcLn8/5/ fixe Nem code.

    HTML:

    <div class="container">
    <div class="left-element">
        left
    </div>
    <div class="right-element">
        right
    </div>
</div>

    CSS:

    .container {
    position: fixed;
    left: 350px;
    padding: 0;
    margin: 0;
    background-color: #ff00ff;
}

.left-element {
    background: green;
    display: inline-block;
    float: left;
}

.right-element {
    background: red;
    display: inline-block;
    float: left;
}

    Vous flotter les deux éléments, de sorte qu'ils sont toujours collés ensemble. Ensuite, il suffit de déplacer l'emballage div et qu'ils gardent tous les deux ensemble. J'ai ajouté arrière-plan rose de sorte que vous pouvez voir que vous n'avez pas perdre de l'espace avec cette solution.

    Le wrapper est juste pour la position et de garder les deux autres éléments en place. Comme cela, vous pouvez positionner ces deux éléments comme vous le souhaitez, alors qu'ils restent toujours ensemble comme ça.

    Flottant fonctionne aussi bien. L'OP n'a pas été tout à fait clair, mais j'ai pris la description pour signifier la gauche de l'élément de bâtons à gauche, à droite de l'élément de bâtons à droite, et si le conteneur devient plus grande que l'intérieur 2 divs combiné il y aurait de l'espace entre eux.
    C'est le problème avec les questions qui ne sont pas vraiment clair... 🙂

    OriginalL'auteur SophieXLove64