Starter 要做什麼
先看見缺口,再完成一個小修改。
本主題檔案:files/style.css
定位:先讀 section 與 h2 的 getBoundingClientRect().top,不先加 padding。
Starter · code-edit
先看見缺口,再完成一個小修改。
先看見缺口,再完成一個小修改。
本主題檔案:files/style.css
定位:先讀 section 與 h2 的 getBoundingClientRect().top,不先加 padding。
頁面不會替你修改檔案;請在實作檔完成後重新整理確認。
section 是一般 block,第一個 h2 有 32px margin-top,父層沒有 border/padding。
runtime 的 display 由 block 變 flow-root;人工量測能指出切換前後父子 margin 是否仍穿出容器。
.section { display:flow-root; } .section > h2 { margin-top:2rem; }只在本階段資料夾內操作,避免改到其他章節。
index.htmlstyle.css證據:runtime before=block、after=flow-root;人工證據記錄父層與 h2 的 rect.top 差值
前往 Checkpoint →