상자 모델은 CSS 에서 중요한 개념이지만 이전 IE5.5 및 이전 IE 브라우징에서는 표준 상자 모델이 아니라 IE 상자 모델이라고 합니다.
먼저 중요한 차이점:
이 두 가지의 차이점은 IE 박스 모델의 컨텐츠가 border, padding
을 포함한다는 점입니다먼저 IE 박스 모델을 box-sizing 으로 설정하겠습니다. border-box 크기를 100px
Border 는 관찰하기 쉽도록 10px 를 설정했습니다
* * 이 시점에서 border 는 30px **
로 설정됩니다Padding
을 추가합니다IE 박스 모델의 상자에 border 와 padding 의 크기를 추가해도 100px 는 변하지 않는다
구문: