STUDENT HTML DOCUMENT

第 08 章練習答案對照

先自己完成 Checkpoint 2,再用這張表定位卡住的 TASK。答案對照用來找位置,不用來整份覆蓋。

任務完成標記修改檔案修改位置可見結果
TASK-01DONE-01style.css.position-cardDevTools 顯示卡片的 position 為 relative
TASK-02DONE-02style.css.position-card__badgeNEW 標籤穩定貼在卡片右上角
TASK-03DONE-03style.css.back-to-top捲動時按鈕保持在視窗右下角

Solution 不使用負 margin 或 transform 假裝定位。