it-swarm.com.de

Css Geschwister absolut positionieren

Gibt es eine Möglichkeit, ein div relativ zu seinem Geschwister absolut zu positionieren? Zum Beispiel: In einem div gibt es zwei weitere divs - div1 und div2. Ich möchte div2 absolut relativ zu div1 positionieren.

30
Arg Geo

Die absolute Positionierung hängt vom "Current Positioning Context" ab, der ein übergeordnetes Element enthalten kann (wenn absolut oder relativ positioniert), jedoch niemals ein Geschwisterelement.

Können Sie Ihren Dom so reorganisieren, dass Sie anstelle von Geschwistern ein Eltern-Kind haben? In diesem Fall können Sie die Position des Elternteils auf relativ oder absolut setzen und die Position des Kindes auf absolut setzen, und die Position des Kindes würde im Verhältnis zum Elternteil absolut bleiben.

28
Farray

Es ist nicht möglich, die absolute Position gemäß w3cSpezifikation zu verwenden:

Im absoluten Positionierungsmodell wird eine Box explizit bezüglich ihres enthaltenen Blocks versetzt

- relativ zum übergeordneten Block, nicht zu einem Geschwister

Und keine Möglichkeit der relativen Positionierung, auch nach w3cSpezifikation :

Sobald eine Box entsprechend dem normalen Fluss oder Float ausgelegt wurde, kann sie relativ zu dieser Position verschoben werden.

- relativ zur Blockposition, nicht zum Geschwisterblock

zusammenfassung:

Niemand kann das von Ihnen beschriebene Problem lösen

9

Versuchen Sie es mit Jquery

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

Je nach Ihren Anforderungen können Sie sie schweben oder beide mit entsprechenden Werten für links/oben/rechts/unten absolut positionieren.

Veröffentlichen Sie Ihr Markup und erklären Sie genau, was Sie erreichen möchten.

0
MK_Dev