Как прикрепить один элемент к нижней части другого?

Question

[101010101010]

Здравствуйте , пишу что-то типа выпадающего меню для разных элементов. В теле самих элементов места куда это меню запихнуть вроде нет, и хотелось бы что бы само выпадающее меню находилось в body и его ничто не могло его перекрыть при отображении. Вся сложность в том , что элемент к которому прикрепляем выпадающее меню может менять свою позицию на странице. Как можно это реализовать по средствам js и jQuery?
P.S.
Есть идея обернуть элемент к которому добавляем выпадающее меню в div-контейнер и закинуть выпадающее меню в него , или добавить тот же контейнер-обёртку и обрабатывать события его изменения в размерах , а выпадающее меню позиционировать абсолютно.
Может это какой-то из этих вариантов использовать ?

Answer 1

[Alexander Tartmin]

Ну с начало бы Вам научится выражать свои мысли. Вторым пунктом можно попробовать хотя бы почитать о html и css. Ну и если к тому моменту Вы осилите хотя бы одно из этого всего попробуйте поучить и javascript и jQuery.

и хотелось бы что бы меню находилось в body и его ничто не перекрывало

А уже можно ещё где-то вставлять элементы?

Вся соожность в том , что элемент к которому прикрепляем может менять свою позицию.

Вы правильно в своем постскриптуме добавили об обёртке, продолжайте в том же направлении. А вообще попробуйте перечитать Ваш вопрос и подать его в таком виде, что бы он был доходчивый всем =)

Comments

[101010101010]

я что-то не понял вашего выражения мысли. Что это за тот момент ?

[Сергей Мельников]

@101010101010 мысль была в том, что надо понятнее писать вопрос. Правильно заданный вопрос уже сам по себе есть часть решения.
Если бы у вас был малейший опыт в верстке, вы бы знали, что выпадающие меню всегда помещают в один родительский элемент вместе с кнопкой, которая это меню должна вызвать:

<div class="dropdown-wrapper">
  <button>Show menu</button>
  <div class="dropdown">
    <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
    </ul>
  </div>
</div>