IE7의 CSS 문제, 수정 방법이 확실하지 않습니다.

Question

으로 이동하십시오. Internet Explorer에서 http://appointview.com/pricing (버전 9를 사용하고 있지만 개발자 도구에서 IE7 모드로 설정).

두 개의 div는 IE의 상위 버전 에서처럼 FF와 Chrome에서 정상적으로 작동합니다. 나는 요소들을 꽤 철저히 검사했고 그 이슈가 무엇인지 알아 내지 못했습니다.

크로스 브라우저 호환성 테스트에서 내가 최고가 아니기 때문에 빠르고 쉬운 해결책이 있습니까?

Answer 1

IE7은 엉망입니다. </div>을 닫고 <div>을 열 때까지 div 사이의 공백을 제거하십시오.

<div> 
     First one 
    </div> 
    <div> 
     Second one 
    </div> 

하려면 :에서 예를 들어

는

<div> 
     First one 
    </div><div> 
     Second one 
    </div> 

이것은 매우 일반적인 버그입니다. inline-block 사이의 공백은 문제가됩니다. 마우스를 사용하여 두 div를 모두 선택하면 두 번째 문자 위의 원하지 않는 공백을 차지하는 공백 문자가 있음을 알 수 있습니다. div.