패딩값이 왜 익스플러 버젼마다 다르게 보이나요?
본문
익스플러버젼 8과 10비교해봣는데 패딩값이 다르게 먹히네요 ㅠㅠ
크롬에서도 10과 같이 나오구요...
답 좀 알려주세요
답변 2
브라우저 버전마다, 각 요소의 기본 마진 및 패딩값이 달라서 그렇습니다.
보통, 크로스브라우징 작업할 때, 마진, 패딩 등은 초기화 시킨 후 작업 합니다.
(예) margin:0; padding:0
혹시 스타일이 box-sizing:border-box로 되어있진 않나요?
border-box일때에는 padding값을 줬을때 정해진 width, height를 유지하면서 들어가지만 content-box일때에는 width,height값이 padding값만큼 증가하게 됩니다.
익스 구버전에서는 border-box가 안먹히는걸로 알고 있습니다.
box-sizing 속성을 없애시거나 content-box로 주고 작업하시는 것이 좋을듯 합니다.
답변을 작성하시기 전에 로그인 해주세요.