width: 100% 는?
부모 너비의 전체를 사용하며 마진, 패딩, 보더 영역을 다 포함한 값입니다.
포함하지 않고 해결방법은box-sizing: border-box;로 해주면 됩니다.
width: auto 는?
태그의 요소 성질(block,inline-block,inline)에 맞춰 자동설정이 됩니다.
마진, 패딩, 보더 영역을 포함시키지 않습니다.
프론트엔드 개발 기록장
width: 100% 는?
부모 너비의 전체를 사용하며 마진, 패딩, 보더 영역을 다 포함한 값입니다.
포함하지 않고 해결방법은box-sizing: border-box;로 해주면 됩니다.
width: auto 는?
태그의 요소 성질(block,inline-block,inline)에 맞춰 자동설정이 됩니다.
마진, 패딩, 보더 영역을 포함시키지 않습니다.