브 라 우 저 별 padding,margin 의 차이

margin 과 padding 은 항상 사용 할 수 있 지만 발생 하 는 문 제 는 어떻게 해결 합 니까?브 라 우 저 에서 용기 폭 을 설명 하 는 방법 이 다 르 기 때문에 IE 6.0 Firefox Opera 등 은 실제 너비=width+padding+border+marginIE5.X 실제 너비=width-padding-border-margin
해결 방법 은:
div.content { width:400px; //이것 은 잘못된 width 입 니 다.모든 브 라 우 저 에서 voice-family:"\"}\";/를 읽 었 습 니 다.IE5.X/win 은"\"}\"후 내용 voice-family:inherit 를 무시 합 니 다.width:300px; //IE6/win 을 포함 한 일부 브 라 우 저 에서 이 문장 을 읽 었 습 니 다.새로운 수치(300 px)는 오래된}html>body.content{/html>body 는 CSS 2 의 쓰기 width:300 px 입 니 다./CSS 2 를 지원 하 는 브 라 우 저(IE5 가 아 닌)에서 읽 을 수 있 습 니 다}
div.content { width:300px !important; //이것 은 정확 한 width 입 니 다.대부분 지원 합 니 다!important 표 시 된 브 라 우 저 는 이 곳 의 수치 width(빈 칸)/*/:400 px;/를 사용 합 니 다.IE6/win 은 이 문장 을 해석 하지 않 기 때문에 IE6/win 은 width 의 값 이 300 px 라 고 생각 합 니 다.그리고 IE5.X/win 은 이 문장 을 읽 었 습 니 다.새로운 수치(400 px)는 오래된 것 을 덮어 버 렸 습 니 다.왜냐하면!important 표 시 는 그들 에 게 효과 가 없습니다}html>body.content{/html>body 는 CSS 2 의 쓰기 width:300 px 입 니 다./CSS 2 를 지원 하 는 브 라 우 저 는 다행히 이 문장 을 읽 었 습 니 다}작 습 니 다.

좋은 웹페이지 즐겨찾기