css - Why parent width is fixed and centered, but input width: 100% is outside parent range

Question

Like the title, the details are as shown

This is the input style

Answer 1

Added box-sizing: border-box;
box-sizing

Answer 2

Placeholder,Placeholder,Placeholder,Placeholder

padding + width is already greater than 100%, the reason is that simple

In the box model width = margin (maybe) + border + padding + width