Вернуться к уроку

Разместить заметку внутри элемента

важность: 5

Расширьте предыдущую задачу Разместить заметку рядом с элементом (absolute): научите функцию positionAt(anchor, position, elem) вставлять elem внутрь anchor.

Новые значения position:

  • top-out, right-out, bottom-out – работают так же, как раньше, то есть вставляют elem над/справа/под anchor.
  • top-in, right-in, bottom-in – вставляют elem внутрь anchor: к верхней границе/правой/нижней.

Например:

// покажет note сверху blockquote
positionAt(blockquote, "top-out", note);

// покажет note сверху-внутри blockquote
positionAt(blockquote, "top-in", note);

Пример результата:

В качестве исходного документа возьмите решение задачи Разместить заметку рядом с элементом (absolute).