div 태그는 대표적인 블록 요소 중 하나로 width, height 값으로 요소의 크기를 잡을수 있다. 만약 width와 height 값을 주지 않는다면, 내부에 있는 요소들의 높이의 합으로 높이가 정해지게 되고 너비는 부모 요소의 전체공간을 차지한다.

요소에 padding값을 주면 border와 내부 content 영역 사이에 여백이 생기는데, padding의 크기만큼 요소의 크기도 커진다. 지금까지는 외부에 있는 div에 width, height 값을 주지 않았는데 한 번 줘보자.

width 는 현재 너비보다 작게 주었기 때문에 당연히 줄어들었고, height는 현재 높이보다 크게 주었기 때문에 당연히 아래로 빈 공간이 생겼다. 만약 height를 내부 content 영역의 높이보다 작은 값을 준다면? 자동으로 늘어나지않고 내부 컨텐츠가 튀어나온다. 자신 보다 내부 컨텐츠의 사이즈가 커졌을 때, 자신의 크기가 커지지 않다는 것을 아는게 중요하다.

min-width….