css – Warum die übergeordnete Breite fest und zentriert ist, die Eingabebreite: 100 % jedoch außerhalb des übergeordneten Bereichs liegt

Question

Genau wie der Titel sind auch die Details wie im Bild dargestellt

Dies ist der Eingabestil

Answer 1

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

Answer 2

占位占位占位占位

padding + width 已经大于了100%，原因就这么简单

在盒子模型中 width = 外边距（或许）+边框+内边距+宽