이미지는 replaced element다.
https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element 참고
Put in simpler terms, they're elements whose contents are not affected by the current document's styles. The position of the replaced element can be affected using CSS, but not the contents of the replaced element itself.
이미지는 DOM의 일부가 아니라, DOM 안에 내장되어 있는(?) 외부 요소다.
너비를 따로 지정해 주지 않으면, 기본적으로 이미지는 정해진 크기(보통 매우 큼)를 가진다. 그래서 보통 너비 100%를 줘서 부모 요소의 너비만큼만 차지하도록 한다.
✨