ie는 max-height의 해결법을 지원하지 않습니다

11659 단어 height
.div{ max-height: 100px; _height:expression(this.scrollHeight > 100 ? "100px": "auto"); overflow-y:auto; } 이렇게 하면 div가 i와 Firefox에서 max-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 스타일 속성입니다

좋은 웹페이지 즐겨찾기