하단의 질문과 같이 강의 처럼 *를 이용해서 개발 시 미리 *{ box-sizing: border-box; } 작성 후 개발 하면 편하다고 했는데 이럴 경우 지금 질문자와 같은 현상이 무조건 발생되는거 아닌가요?????????? 그러면 미리 작성하는게 의미가 없는게 아닌지???

@도레미파라솔
음..저도 처음에는 이렇게 생각을 했는데요.
*를 이용해 넣은 경우랑 message에만 넣은 경우의 창을 나란히 띄워놓고 보면 이해가 되실 수도 있어요.
두 가지 경우의 박스의 크기가 다릅니다.
그니까 애초에 의도한 박스의 크기가 얼마냐에 따라서 코드를 짤 테니 말씀하신 것처럼 클씨가 겹치게 될 경우 전체 박스 크기를 더 크게 조정하거나 폰트의 크기를 줄이지 않을까요?