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 假裝定位。