Lorsque j'utilise « flux: left » DIVs devenir un sous seconde et non un après la deuxième dans la même ligne

pourquoi dans ce code:Lorsque j'utilise « flux: left » DIVs devenir un sous seconde et non un après la deuxième dans la même ligne

<html> 
    <body> 
    <div style="border: 1px solid black; float: left">first div</div> 
    <div style="background: red; border: 1px solid black; margin: 2px;">second div</div> 
    </body> 
    </html>

deuxième div aller en première div (vous verrez rouge dans la première case). En raison de toutes les règles de l'existence, la deuxième div (aussi son contenu, mais a-l-s-o c'est BACKGROUND) doit être à partir de la DROITE de la première div et pas sous lui.

Merci pour votre intérêt.

Source

2010-11-26 rodnower

Vous devez définir les deux pour flotter: left; Sinon, vous pouvez utiliser display: inline-block; à la fois.

Source

2010-11-26 16:12:15

div les éléments (et tous les autres éléments de niveau de bloc) occupent 100% de largeur par défaut.

Vous devrez spécifier une largeur pour que les éléments les ajustent l'un à côté de l'autre.

Source

2010-11-26 15:54:15

Les deux doivent flotter: à gauche. Et, vous devrez peut-être spécifier la largeur.

Source

2010-11-26 15:56:32

Éléments de bloc non-positionnés toujours ou sur le dessus. Vous pensez à un comportement que deux éléments flottants gauche ont.

Pour ce faire, faites-les flotter tous les deux et donnez-leur la largeur par défaut 100% de largeur ne suffit pas.

Source

2010-11-26 16:02:19

Lorsque j'utilise « flux: left » DIVs devenir un sous seconde et non un après la deuxième dans la même ligne

Répondre

Questions connexes