ie는 max-height의 해결법을 지원하지 않습니다
11659 단어 height
.div{ max-height: 100px; min-height:60px; _height:expression(this.scrollHeight > 100 ? "100px": ( this.scrollHeight < 60 ? "60px": "auto")); overflow-y:auto; } 이렇게 하면 div가 i와 Firefox에서 max-height와min-height의 효과를 실현할 수 있다
<html>
<head>
<title></title>
<head>
<body>
<div style="max-height:300px;_height:expression(this.scrollHeight>100?'100px':'auto'); overflow:auto;">
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
<body>
</html>
1. IE6 지원 max-height 솔루션 - TOP
IE6는 CSS 코드의 최대 해결을 지원합니다.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");overflow:hidden;}
설명:max-height:1000px;이것은 IE6의 상위 레벨 다른 브랜드 브라우저가 지원하는 최대 범위의 높이입니다.그리고height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");overflow:hidden;CSS 코드 대신 IE6에서 max-height를 지원하지만 다른 버전의 브라우저와 같은 효과가 있습니다.
모든 브라우저가 max-height의 CSS 스타일 코드를 지원하도록 합니다. 전체:max-height:1000px;height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":""); overflow:hidden;여기 1000px와 1000px는 당신이 필요로 하는 수치입니다. 3개의 수치가 같음을 주의하십시오.
IE6가 최대 높이max-height를 지원할 때 오버플로우:hidden을 추가하는 것을 잊지 마세요.
2, IE6 지원 min-height 솔루션 - TOP
IE6는 CSS 코드의 최소 고도 해결을 지원합니다.yangshi{min-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");}
설명:min-height:1000px;이것은 IE6의 상위 레벨 다른 브랜드 브라우저에서 지원하는 최소 범위의 높이입니다.그리고height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");IE6 지원css min-height 대체CSS 코드를 사용하지만 다른 버전의 브라우저와 같은 효과가 있습니다.
모든 브라우저에min-height의 CSS 스타일 코드를 지원하도록 합니다. 전체:min-height:1000px;height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":""); 여기 1000px와 1000px는 당신이 필요로 하는 수치입니다. 3개의 수치가 같음을 주의하십시오.
3. IE6는 max-height를 지원하고 Min-height 방법-TOP을 지원한다.
모든 브라우저에 IE6를 포함시키면 최대 높이와 최소 높이가 모두 지원됩니다.yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight > 620 ? "620px": (this.scrollHeight < 40 ? "40px": "auto"));}
IE6 지원 Max-Height 및 Min-Height CSS 코드height:expression(this.scrollHeight > 620 ? "620px": (this.scrollHeight < 40 ? "40px": "auto"));
설명: 위 코드의 역할은 대상의 최소 높이를 40px, 최대 높이를 620px로 하는 CSS 스타일 속성입니다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
INFO: Font Metrics and the Use of Negative lfHeightThe following illustrations show the most commonly used font metrics, including Character Height, which is selected with...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.