relativa - Css Hermano Posicionamiento Absoluto

posicionar imagen css

Question

¿Hay alguna manera de posicionar absolutamente un div en relación con su hermano? Por ejemplo: Dentro de un div hay otros dos divs - div1 y div2. Quiero posicionar absolutamente div2 en relación a div1.

Answer 1

Dependiendo de sus necesidades, puede hacerlos flotar o colocar ambos absolutos con los valores adecuados de izquierda / arriba / derecha / inferior.

Publique su marca y explique exactamente lo que está tratando de lograr.

Answer 2

El posicionamiento absoluto depende del "contexto de posicionamiento actual" , que puede incluir un elemento padre (si está posicionado en forma absoluta o relativa) pero nunca incluirá un elemento hermano.

¿Puede reorganizar su dominio para que tenga un padre-hijo en lugar de hermanos? Si es así, puede establecer la posición del padre en relativa o absoluta y la posición del niño en absoluta y la posición del niño permanecerá absoluta en relación con el padre.

Answer 3

No hay forma de usar la posición absoluta, de acuerdo con la specification w3c :

En el modelo de posicionamiento absoluto, un cuadro está compensado explícitamente con respecto a su bloque que contiene

- en relación con el bloque principal, no con un hermano

Y no hay forma de utilizar el posicionamiento relativo, también de acuerdo con la specification w3c :

Una vez que una caja ha sido diseñada de acuerdo con el flujo normal o ha flotado, puede cambiarse en relación con esta posición.

- En relación a la posición del bloque, no al bloque hermano.

resumen:

Nadie puede resolver el problema que describiste

Answer 4

Pruébalo con jQuery.

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