CSS 디버깅, 브라우저 간 호환성

Question

두 개의 <div></div> 태그가 있습니다. Firefox를 사용하여 탐색 할 때 그 효과가 바람직합니다. .steven과 .john 사이에 간격이 있습니다. 그러나 IE를 사용하여 찾아 볼 때 효과는 바람직하지 않습니다. .Steven 및 .john이 서로 연결되어 있습니다 (틈이 없음). 이 문제를 해결하는 방법?

.steven{ 
    position: relative; 
    width: 620px; 
    left: 55px; 
    float: left; 

    } 

    .john { 
    position: relative; 
    width: 270px; 
    right: 35px; 
    float: right; 


    } 

Answer 1

Reset CSS을 사용하셨습니까?

다른 브라우저에는 다른 요소에 표시 할 기본값이 다릅니다.