web-dev-qa-db-fra.com

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.

30
Arg Geo

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.

28
Farray

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

9
Vladimir Starkov

Essayez avec jQuery

<script type="text/javascript">
        $('#div2').css('margin-left', $('#div1').outerWidth() +XXX + 'px');
1
Denny Mueller

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.

0
MK_Dev