Подтвердить что ты не робот

Абсолютное позиционирование Css Sibling

Есть ли способ абсолютно поместить div относительно своего брата? Например: Внутри div есть еще два divs - div1 и div2. Я хочу абсолютно поместить div2 относительно div1.

4b9b3361

Ответ 1

Абсолютное позиционирование зависит от "текущего контекста позиционирования" , который может включать родительский элемент (если он абсолютно или относительно позиционирован), но никогда не будет включают в себя элемент родства.

Можете ли вы реорганизовать свой дом, чтобы у вас родительский ребенок вместо братьев и сестер? Если это так, вы можете установить родительскую позицию в относительную или абсолютную, а положение ребенка - абсолютную, а дочерняя позиция останется абсолютной относительно родителя.

Ответ 2

Нет способа использовать абсолютную позицию в соответствии с w3c спецификация:

В модели абсолютного позиционирования поле явно смещено относительно его содержащего блока

- относительно родительского блока, а не для одного из них

И не использовать относительное позиционирование, также согласно w3c спецификация:

Как только ящик был выложен в соответствии с нормальным потоком или плавающим, он может быть смещен относительно этого положения.

- относительно положения блока, а не для блока sibling

Резюме:

Никто не может решить описанную вами проблему

Ответ 3

Попробуйте с помощью jquery

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

Ответ 4

В зависимости от ваших потребностей вы можете их поплавать или позиционировать как абсолютные с соответствующими значениями left/top/right/bottom.

Опубликуйте свою разметку и объясните, что именно вы пытаетесь достичь.