css - 상위 너비가 고정되고 중앙에 위치하는데 입력 너비: 100%가 상위 범위를 벗어나는 이유

Question

제목처럼 디테일은 사진과 같습니다

입력 스타일입니다

Answer 1

plus box-sizing: border-box;
박스 크기 조정

Answer 2

자리 표시자,자리 표시자,자리 표시자,자리 표시자

패딩 + 너비가 이미 100%보다 큽니다. 이유는 간단합니다

박스 모델 내 너비 = 여백(아마도) + 테두리 + 패딩 + 너비