width: 100% 는?
width: 100% 는 마진, 패딩, 보더 영역을 다 포함한 값으로 나옵니다.
포함하지 않고 해결방법은 box-sizing: border-box; 로 해주면 됩니다.
width: auto 는?
width: auto 는 블록요소의 초기값으로 자동설정이 됩니다.
마진, 패딩, 보더 영역을 포함시키지 않습니다.
코드를 기록하는 공간
width: 100% 는 마진, 패딩, 보더 영역을 다 포함한 값으로 나옵니다.
포함하지 않고 해결방법은 box-sizing: border-box; 로 해주면 됩니다.
width: auto 는 블록요소의 초기값으로 자동설정이 됩니다.
마진, 패딩, 보더 영역을 포함시키지 않습니다.