모던 박스 모델

• geometry 단계 인지 fragment 단계인지 확인필요 → 애는 fragment단계에만 영향을 주기때문에 위치는 영향안받는다

[Box Sizing]

• box-sizing 을 border-box로 하면 border-box 크기를 100 100 으로 하고 그 크기안으로 다 우겨넣게된다 반면 디폴트로 하면 컨텐츠 크기를 100 100으로 보존할수있다

[Box Shadow]

• 포지션 absolute가 아닌 인라인 요소도 그려지는데 순서가있다

[Box Shadow & Relative]

• 위로그려지는 이유는 relative는 Normal Flow로 그린후 다음 위치를 조정한다

[Box Shadow Sandwich]