패딩값이 왜 익스플러 버젼마다 다르게 보이나요?

Question

익스플러버젼 8과 10비교해봣는데 패딩값이 다르게 먹히네요 ㅠㅠ 크롬에서도 10과 같이 나오구요... 답 좀 알려주세요

sinbi · Accepted Answer

브라우저 버전마다, 각 요소의 기본 마진 및 패딩값이 달라서 그렇습니다.

보통, 크로스브라우징 작업할 때, 마진, 패딩 등은 초기화 시킨 후 작업 합니다.

(예) margin:0; padding:0

지돌사랑 · Answer

혹시 스타일이 box-sizing:border-box로 되어있진 않나요?

border-box일때에는 padding값을 줬을때 정해진 width, height를 유지하면서 들어가지만 content-box일때에는 width,height값이 padding값만큼 증가하게 됩니다.

익스 구버전에서는 border-box가 안먹히는걸로 알고 있습니다.

box-sizing 속성을 없애시거나 content-box로 주고 작업하시는 것이 좋을듯 합니다.