여백은 파이어 폭스와 사파리가 잘 보이지만 IE에서 훨씬 더 넓다.

Question

필자는 사파리와 파이어 폭스에서 올바르게 표시되는 인라인 블록이 IE에서 생기는 문제가있다. 그러나 여백이 훨씬 크다. , 너비가 IE에서 훨씬 더 넓습니다. 사실 IE의 전체 페이지는 마치 브라우저 창이 훨씬 더 큰 것처럼 표시됩니다.

내 CSS는 다음과 같습니다

.wpcontainer { 
display: inline-block; 
width: 80%; 
margin-left: 10%; 
margin-right: 10%; 
padding: 1%; 
background-color: #FFFFFF; 
} 

어떤 도움이 많이 감사합니다!

Answer 1

내 컴퓨터에서 문제가 무엇인지 확인할 수 있도록 링크 또는 전체 코드를 제공해야한다고 생각합니다. CSS에 width 80% + margin 20% + padding 2% = 102%이라는 문제가 있습니다. 실제로는 다음과 같아야합니다.

.wpcontainer { 
    display: inline-block; 
    width: 78%; 
    margin-left: 10%; 
    margin-right: 10%; 
    padding: 1%; 
    background-color: #FFFFFF; 
}