Css positionnement absolu des frères et soeurs
Y a-t-il un moyen de positionner absolument une div par rapport à son frère? Par exemple: À l'intérieur d'un div, il y a deux autres divs - div1 et div2. Je veux absolument positionner div2 par rapport à div1.
Le positionnement absolu dépend du "contexte de positionnement actuel" , qui peut inclure un élément parent (s'il est positionné de manière absolue ou relative) mais ne comprendra jamais un élément frère.
Pouvez-vous réorganiser votre dom afin d'avoir un parent-enfant au lieu de frères et sœurs? Si tel est le cas, vous pouvez définir la position du parent sur relative ou absolue et celle de l'enfant sur absolue et la position de l'enfant resterait absolue par rapport au parent.
Il n’ya aucun moyen d’utiliser la position absolue, selon w3c _ spécification :
Dans le modèle de positionnement absolu, une boîte est explicitement décalée par rapport à son bloc conteneur.
- relativement au bloc parent, pas à un frère
Et aucun moyen d’utiliser le positionnement relatif, également en fonction de w3c _ spécification :
Une fois qu'une boîte a été disposée selon le flux normal ou flottée, elle peut être décalée par rapport à cette position.
- par rapport à la position du bloc, pas au bloc frère
résumé:
Personne ne peut résoudre le problème que vous avez décrit
Essayez avec jQuery
<script type="text/javascript">
$('#div2').css('margin-left', $('#div1').outerWidth() +XXX + 'px');
Selon vos besoins, vous pouvez les faire flotter ou positionner les deux valeurs absolues avec les valeurs appropriées gauche/haut/droite/bas.
Postez votre balisage et expliquez exactement ce que vous essayez d’atteindre.