назад до уроку

Розташуйте примітку всередині елемента (абсолютне позиціювання)

Розширте попереднє завдання Покажіть примітку біля елемента (абсолютне позиціювання): навчіть функцію positionAt(anchor, position, elem) вставляти elem всередині anchor.

Нові значення для position:

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

Наприклад:

// показує примітку над елементом blockquote
positionAt(blockquote, "top-out", note);

// показує примітку всередині елемента blockquote поряд з верхнім краєм
positionAt(blockquote, "top-in", note);

Результат:

Для початку візьміть розв’язання задачі Покажіть примітку біля елемента (абсолютне позиціювання).