css - 為什麼父級寬度固定且居中，但 input width: 100% 超出父級範圍

Question

如題、詳細狀況如圖

#這是 input 樣式

#

Answer 1

加上box-sizing: border-box;
box-sizing

Answer 2

佔位佔位佔位

padding + width 已經大​​於了100%，原因就這麼簡單

在盒子模型中 width = 外邊距（或許）+邊框+內邊距+寬