[CSS] box-sizing: content-box, border-box

box-sizing: content(기본값)는 원래 content 값을 변형시키지 않고 추가로 구성한 값을 더해준다. 위의 username, password의 크기를 Register에 맞게 줄이고 싶다.

> username, password의 크기를 찍으면 이렇게 나오는데, 여기서 주목해야 하는 건 파랑색 박스(content)의 크기(500X14.546)다. 가로 크기 500px에 주목할 것 위의 username, password의 부모인 input에는 다음과 같이 담겨져 있다.

이와같은 CSS가 적용되어 기존의 content에 더해진 영역만큼 차지하고 있는 상태다. (그래서, Register보다 튀어나온 것) 이를 해결하기 위해 기존의 box-sizing: content(기본값)에서 * { box-si.....