Есть ли способ абсолютно поместить div относительно своего брата? Например: Внутри div есть еще два divs - div1 и div2. Я хочу абсолютно поместить div2 относительно div1.
Абсолютное позиционирование Css Sibling
Ответ 1
Абсолютное позиционирование зависит от "текущего контекста позиционирования" , который может включать родительский элемент (если он абсолютно или относительно позиционирован), но никогда не будет включают в себя элемент родства.
Можете ли вы реорганизовать свой дом, чтобы у вас родительский ребенок вместо братьев и сестер? Если это так, вы можете установить родительскую позицию в относительную или абсолютную, а положение ребенка - абсолютную, а дочерняя позиция останется абсолютной относительно родителя.
Ответ 2
Нет способа использовать абсолютную позицию в соответствии с w3c спецификация:
В модели абсолютного позиционирования поле явно смещено относительно его содержащего блока
- относительно родительского блока, а не для одного из них
И не использовать относительное позиционирование, также согласно w3c спецификация:
Как только ящик был выложен в соответствии с нормальным потоком или плавающим, он может быть смещен относительно этого положения.
- относительно положения блока, а не для блока sibling
Резюме:
Никто не может решить описанную вами проблему
Ответ 3
Попробуйте с помощью jquery
<script type="text/javascript">
$('#div2').css('margin-left', $('#div1').outerWidth() +XXX + 'px');
Ответ 4
В зависимости от ваших потребностей вы можете их поплавать или позиционировать как абсолютные с соответствующими значениями left/top/right/bottom.
Опубликуйте свою разметку и объясните, что именно вы пытаетесь достичь.