Comment puis-je avoir plusieurs Divs de la pile sur le dessus de chaque autre à l'aide du Flotteur et pas de positionnement absolu?

Je réécris tout et de délaisser les positions absolues et au lieu d'utiliser des flotteurs pour positionner les choses comme je les veux.

La question maintenant est de savoir comment puis-je flotteur plusieurs divs sur le dessus les uns des autres? L'utilisateur sera en mesure de basculer entre ces divs en quelque sorte.

Grâce

Edit: La raison pour laquelle je me déplace loin de la position absolue est que je veux que mon div être encore un enfant de son parent. c'est à dire si mon div est agrandi, je veux le div parent pour obtenir de l'étendue également.

Tu veux dire se chevauchent? Vous pouvez utiliser une marge négative gauche pour les éléments après le premier...
Si "on top" signifie "chevauchement" et que l'utilisateur est en quelque sorte la commutation entre les divs tels que un seul est visible à un moment ne serait-il pas de définir tous les, mais le courant de display:none?
nn... votre réponse est parfaitement logique. L'utilisateur peut voir un div à un moment de toute façon, si je change l'affichage de l'absence de bloc et vice versa, mon problème est résolu. Si vous mettez que comme une réponse, je vais l'accepter.
Parent divs ne considère pas l'enfant les éléments flottants, voir ici: jsfiddle.net/4JgSE

OriginalL'auteur Roozbeh15 | 2012-01-24

  1. 18

    flottant ne se chevauchent pas avec d'autres objets flottaient dans le même conteneur. Voir ici pour un exemple d'une succession de trois flottait objets pour voir comment ils ne se chevauchent pas.

    Si vous voulez que des objets se chevauchent, vous voulez/besoin d'utiliser le positionnement absolu. Vous pouvez utiliser le positionnement par rapport à l'objet parent par la mise en au parent de position:relative; et de l'enfant à position: absolute;. Voir ici pour un exemple de la superposition des objets avec le positionnement absolu par rapport à la mère.

    Si vous essayez d'avoir un seul de ces objets, de les afficher à un moment, ensuite il suffit de régler le non-objets affichés à display: none et ils prendront le pas d'espace dans la mise en page. Vous n'aurez pas besoin d'utiliser un flotteur ou un positionnement absolu.

    La raison pour laquelle je ne veux pas utiliser la position: absolute; est que je veux la div d'être encore une enfant de son parent; c'est à dire si la taille de mon div élargit je veux le div parent à se développer, aussi.
    Si vous mettez cela dans votre question de décrire le RÉEL problème que vous essayez de résoudre, alors vous pourriez peut-être obtenir une réponse à votre question. Je vous suggère de modifier votre question maintenant de décrire ce que vous êtes vraiment essayer de faire.
    en outre, le flotteur ne pas amener les parents à la taille, soit il y a donc deux raisons pour lesquelles les float ne résolvent pas votre problème, comme vous pouvez le voir ici: jsfiddle.net/jfriend00/xH6Kb.
    ajout d'une option pour ma réponse pour display: none pour les non-objets visibles.
    Je comprends parfaitement votre point de vue. Mais, je ne pense pas que l'ensemble de l'image est toujours nécessaire pour obtenir la réponse pour une petite partie. Je vais essayer d'être plus rigoureux dans mes futures questions et expliquer toutes les pièces. Merci pour votre aide en tout cas!

    OriginalL'auteur jfriend00

  2. 5

    Je suis inexpérimenté dans les sélecteurs CSS, mais je suis sûr que vous pouvez trouver quelque chose qui fonctionne de mieux que de nommer chaque classe en particulier:

    http://jsfiddle.net/aJqb2/

    HTML:

    <div class="over1"></div>
<div class="over2"></div>
<div class="over3"></div>

    CSS:

    div{
    height:50px;
    width:150px;

    float:left;
}
.over1{
    background-color:blue;
}
.over2{
    margin-top:10px;
    margin-left:-10px;
    background-color:green;
}
.over3{
    margin-top:20px;
    margin-left:-10px;
    background-color:orange;
}

    OriginalL'auteur mowwwalker

  3. 2

    Je ne vois pas comment vous allez avoir les utilisateurs à basculer entre les DIVs sans l'aide de JavaScript.

    Peut-être, laisser la première balise div avec la statique par défaut de mise en page et d'afficher aucun pour les autres. L'utilisation de JavaScript pour afficher uniquement un div à la fois.

    C'est tout à fait correct!

    OriginalL'auteur dave

  4. -1

    Vous pouvez utiliser float: left;, mais personnellement je le trouve plus facile à utiliser display: inline-block; à la place.

    flotteur n'a pas de chevauchement avec d'autres objet float dans le même conteneur. Voir ici pour un exemple de trois flottait objets dans une rangée.

    OriginalL'auteur Niet the Dark Absol