div 높이 솔루션 ie6에 누락되었습니다

높이 3px 설정하여 줄을 표시하려면 빈 div 사용하고 있습니다. 모든 브라우저에서 정상적으로 작동하지만 ie6 높이 div는 20px 높이으로 표시됩니다. 높이 : 0px에서도 동일하게 유지됩니다. 하지만 다른 속성의 변경은 높이가 아니라 중복 CSS 항목 및 이 상속 된 값 다른 div에서 반영하고 있지만 높이가 반영되지 않습니다. 하나 도움이 할 수있는하시기 바랍니다div 높이 솔루션 ie6에 누락되었습니다

CSS :

#line { 
    border: none; 
    background-color: #134c7c; 
    height: 3px; 
    margin-bottom: 20px; 
}

출처

2009-10-19 ArK

코드 스냅을 붙여 넣을 수 있습니까? –

div 안에 빈 공간이 있습니까? – rahul

링크가 도움이 될 것입니다 – vvo

Internet Explorer는 모든 요소의 콘텐츠가 적어도 한 문자 이상이어야한다는 이상한 생각이 있습니다. 당신은 오버 플로우 특성을 사용하여이 문제를 얻을 수 있습니다, 그 방법은 내용이 문자 높게 유지 할 수 있지만 요소 자체의 높이에 영향을주지 않습니다

.line { height: 3px; overflow: hidden; }

출처

2009-10-19 12:08:57 Guffa

+1도 비슷한 문제가 있었고 귀하의 솔루션이 나를 도왔습니다. 감사! –

또 다른 IE 버그. 모든 웹 개발자를 아는 데 필수적입니다. – Hossein

고맙습니다. 완벽하게 작동했습니다! – Karasutengu

시도 :

line-height:0

출처

2009-10-19 12:06:58

IE8에서 작동하지 않습니다. 다른 IE를 확인하지 않았다. – Hossein

그냥 추측.

요소 내부에 공간이 있는지 여부를 검사하십시오. 그렇다면

font-size: 1px;

요소를 설정하십시오.

출처

2009-10-19 12:07:32 rahul

고맙습니다. 잘 작동합니다. – ArK

는 사업부 또는 공간과 시도를 추측하면

출처

2009-10-19 12:35:08 IPhoneCrazy

div 높이 솔루션 ie6에 누락되었습니다

답변

관련 문제