width: 100%
나의 너비를 부모영역의 너비 100%만큼으로 변경한다.
나에게 마진, 패딩, 보더가 있으면 부모영역을 넘어갈 수 있다.
따라서 스크롤이 생길 수 있다.
여백을 포함하고 싶지 않다면, box-sizing: border-box 를 사용한다.
width: auto
나의 너비는 절대 부모영역의 너비를 초과하지 않는다.
나에게 마진, 패딩, 보더 등 여백이 있어도 부모영역을 넘을 수 없으므로 나와 여백의 값을 알아서 조절한다.
따라서 스크롤이 생기지 않는다.
블록요소의 초기값으로 설정된다.
display에 따라서 달라지는 width: auto
inline-block 요소의 width: auto
원래 인라인블록요소가 가진 너비 설정과 같다.
내용물의 크기에 맞춰라.
block 요소의 width: auto
원래 블록 요소가 가진 너비 설정과 같다.
width = 100%
inline 요소의 width: auto
원래 인라인 요소가 가진 너비 설정과 같다.
너비를 설정할 수 없으며 기본값이 100% (컨텐츠 영역만큼)
