Placer deux divs l'un en dessous de l'autre
Je vais avoir quelques problèmes avec la mise en place de deux divs l'un en dessous de l'autre.
J'ai essayé quelques solutions trouvées dans Stackoverflow comme ci-dessous.
Mais Rien ne semble fonctionner.
Code:
CSS:
#wrapper {
position: absolute;
}
#up {
position: absolute;
float: left;
}
#down {
position: absolute;
float: left;
clear: left;
}
HTML:
<div id="wrapper">
<div id="up"></div>
<div id="down"></div>
</div>
Voici Ma Tentative,
Aide serait appréciée.
- Pouvez-vous nous dire ce que vous voulez accomplir?
- J'ai peur, je n'ai aucune idée de ce que vous entendez par un vers le bas. Quel est votre objectif final?
- J'ai besoin de placer deux divs l'un en dessous de l'autre
- de cette façon? jsfiddle.net/Pagqx/199
- C'est ce que je veux.!
Vous devez vous connecter pour publier un commentaire.
Enlever le CSS. Les balises DIV sont les éléments de bloc et, naturellement, de flux en bas de la page. Vous êtes flottant qui les amènent à être affichées côte à côte.
Surtout supprimer le "float" attributs.
absolute
est vissage vers le haut, aussi, car il sera par défaut à l'emplacement de0,0
, indépendamment de savoir si il y a un élément qui existe déjà.C'est comment DIV travail par défaut, il suffit de retirer votre css. Voir un exemple ici: jsfiddle
Je ne suis pas sûr si vous voulez que l'extérieur de la div à être supérieure à la hauteur de la page, mais c'est ce que ce n':