float: left로 정렬을 하는것까진 이해가 갑니다.
그러나 html에서 input을 div로 감싸주지 않으니 일렬 정렬이 안됩니다. 이상태에서 도구로 width를 측정했더니 325.xx이렇게 나오는걸 확인했습니다. div로 감싸주었을때는 width값이 168로 나옵니다.
div의 유무로 width의 값이 차이나는 이유가 input태그의 width 자동 설정값의 차이로 인함을 확인했습니다.
div의 유무로 width의 차이가 나는 이유가 궁금합니다.
<img src="https://cdn.inflearn.com/public/files/posts/3c7d7a2e-b657-4c78-8a6c-aef86a11a2f0/blob" alt="" /><img src="https://cdn.inflearn.com/public/files/posts/75e97871-4518-434c-8da2-46ca19229158/blob" alt="" />

Inflearn Community Q&A

강의 13분 25초이후 div float:left 적용 시 질문