IE에서 initial 깨지는 문제 해결하기

IE 크로스브라우징시 레이아웃이 깨지는 현상의 많은 경우가 CSS의 initial 값을 사용했을 때 발생합니다.

initial은 부모요소가 주는 모든 상속값을 건너뛰어 CSS 초기값을 되돌리는데 사용할 수 있는 값인데,

 

하지만! Internet Explorer은 이 값을 지원하지 않습니다.

 

이를 해결하기 위해 initial대신 속성의 초기값이나,

초기화 혹은 없애는 값을 사용하는것을 권장하며 자주 사용하는 속성의 초기값은 아래에서 확인할 수 있습니다.

 

• position: static
• overflow: visible
• line-height: normal
• color: transparent
• border: none 혹은 0
• width, height 등 수치값 은 auto

초기 값이 없는 경우, 가장 가까운 부모로부터 상속받도록 inherit 를 사용할 수도 있습니다.