6으로 기본 글꼴 크기는 대략 12-14px, 사이 고이 기본 값 보다 작은 div를 정의 하려고 할 때, IE는 고집 생각이 층의 높이 글꼴의 높이 보다 작을 수 없으며 해야 합니다. 높이: 6px;를 사용 하는 경우에 이렇게 Div의 높이 정의 하려면 IE에서 실제 표시는 아직도 PX 왼쪽 및 오른쪽의 계층.
이 문제를 해결 하려면 div의 글꼴 크기를 적용 하거나 제한 div 높이 자동으로 조정 하려면 오버플로 속성 정의 수 있습니다. 같은 < div 스타일 = "높이: 6PX; 글꼴: 0px Arial; >< / div > 또는 < div 스타일 = "높이: 6PX; 오버플로우: 숨겨진; " >< / div > IE의 스마트-체를 중지할 수 있습니다.
문제는 i e 7/파이어 폭스/오페라에서 존재 하지 않는다.
< div 스타일 = "높이: 6PX; 오버플로우: 숨겨진; " > 문제가 있다 예를 들어, 파이어 폭스에서 표시할 때:
< div id = "Idanswer" 클래스 = "Ans_ques" >
< div class = "Ans_ques_top" >< / div >
< div class = "Ans_ques_content" >
<!-
< div class = "Ans_ques_bg_orange"
< h4 & gt
< div class = "ANS_QUES_H_BG"
< Span > < / 스팬 > 물어 싶어요
< img src = "templets/img/squid_decoration.jpg" 너비 = "/ >";
< / div & gt
< / h4 & gt
< P > 우리 자기 문제 제출 시스템에 대 한 웹사이트를 열고, 우리의 고객 서비스 국장을 다루는 당신을 위해 처음으로 될 것 이다! < / p & gt
< / DIV > < BR> < / div >
->
< div class = "Ans_ques_bottom" >< / div >
< / div >
클래스 Ans_ques_top는 상단 배경 그래프, 클래스 Ans_ques_bottom 배경 이미지 이므로 디자인의 결과 클래스 ans_ques_top는 오른쪽으로 이동 하면.