다 중 브 라 우 저 css 호 환 분석 소결
2297 단어 다 중 브 라 우 저 css 호 환 분석 소결
div{margin:30px!important;margin:28px;}
이 두 margin 의 순 서 를 반드시 반대로 써 서 는 안 된다 는 것 을 주의 하 세 요.아 제 에 따 르 면!important 라 는 속성 IE 는 식별 할 수 없 지만 다른 브 라 우 저 는 식별 할 수 있 습 니 다.그래서 IE 에서 사실은 이렇게 설명 했다.
div{maring:30px;margin:28px}
정 의 를 반복 하면 마지막 으로 실행 하기 때문에 margin:XXpx 만 쓰 면 안 됩 니 다!important; 2.IE5 IE6 의 BOX 해석 과 일치 하지 않 음 IE5 에서 div{width:300 px;margin:0 10px 0 10px;}div 의 너 비 는 300 px-10px(오른쪽 충전)-10px(왼쪽 충전)최종 div 의 너 비 는 280 px 로 해석 되 며,IE6 와 다른 브 라 우 저 에서 너 비 는 300 px+10px(오른쪽 충전)+10px(왼쪽 충전)=320 px 로 계산 된다.이 때 우 리 는 다음 과 같은 수정 을 할 수 있 습 니 다:div{width:300 px!important;width /**/:340px;margin:0 10px 0 10px} 이것 에 대해 서/*/는 저도 잘 모 르 겠 습 니 다.IE5 와 fireforx 가 모두 지지 하 는 것 만 알 고 있 지만 IE6 는 지지 하지 않 습 니 다.이해 하 는 사람 이 있 으 면 알려 주세요.감사합니다!:) 3.ul 탭 은 Mozilla 에서 기본적으로 padding 값 이 있 고 IE 에 서 는 margin 만 값 이 있 기 때문에 먼저 정의 합 니 다. :
ul{margin:0;padding:0;}
대부분의 문 제 를 해결 할 수 있 습 니 다. 4.스 크 립 트 에 대해 xhtml 1.1 에 서 는 language 속성 을 지원 하지 않 습 니 다.코드 만 변경 하면 됩 니 다.