Div 높이 아래 IE6 버그 컬렉션 표시

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 CSS 자습서

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는 오른쪽으로 이동 하면.

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.