Checkpoint 要做什麼
只驗證本主題責任，不偷渡其他答案。
本主題檔案：files/style.css
定位：先讀 section 與 h2 的 getBoundingClientRect().top，不先加 padding。
Checkpoint · code-edit
margin collapse
只驗證本主題責任，不偷渡其他答案。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
section 是一般 block，第一個 h2 有 32px margin-top，父層沒有 border/padding。
預期看到
runtime 的 display 由 block 變 flow-root；人工量測能指出切換前後父子 margin 是否仍穿出容器。
.section { display:flow-root; } .section > h2 { margin-top:2rem; }檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口檔案：建立 .service-list 與三張 .service-card 的 HTML 結構。style.css
呈現層：逐步觀察 content、padding、border、gap 與 box-sizing。
證據：runtime before=block、after=flow-root；人工證據記錄父層與 h2 的 rect.top 差值
前往 Solution →