レッスンに戻る

ノートを内部に配置する (absolute)

重要性: 5

前のタスク 要素の近くにノートを表示する(absolute) を拡張してください: 関数 positionAt(anchor, position, elem) に、 anchor の内側に elem を挿入するよう教えてください。

position のための新しい値:

  • top-out, right-out, bottom-out – 前と同じように動作し、elemanchor の上/右/下に挿入します。
  • top-in, right-in, bottom-inanchor の内側に elem を挿入します。: 上/右/下端に取り付けます。

例:

// blockquote の上にノートを表示します
positionAt(blockquote, "top-out", note);

// blockquote の内側の先頭にノートを表示します
positionAt(blockquote, "top-in", note);

結果:

ソースコードとして、タスク 要素の近くにノートを表示する(absolute) の解決策を使ってください。