우선, 우리는이 효과가 오래된 주제 여야한다는 것을 알고 있습니다.
오늘 파일을 정렬 할 때 이전 레이아웃 솔루션 중 일부가 폴더에 오랫동안 놓여 있음을 알았습니다. 오래된 것들을 살펴 보겠습니다.
CSSPlay의 오래된 엔지니어이자 웹 마스터 가이 효과를 달성 한 것을 본 것은 운이 좋았으며, 매우 일찍 주어 졌을 것입니다.
가십이 적고 소스 코드 추가 :
IE6-LAYOUT, CSS 구현의 이상한 기능을 트리거하고 활용합니다.
<스타일 유형 = 텍스트/CSS>
.ie6-out {
_margin-left : 900px;
_zoom : 1;
}
.ie6-in {
_ 입장 : 상대;
_float : 왼쪽;
_margin-left : -900px;
}
#min-width {
최소값 : 900px;
배경 : #CCC;
라인 높이 : 200px;
_zoom : 1;
}
</스타일>
<div class = ie6-out>
<div class = ie6-in>
<div id = min-width> ie6-에서 컨테이너는 최소 폭에 효과의 시뮬레이션을 인식합니다. 브라우저 창 크기를 마음대로 변경 한 다음 버튼을 클릭하여 너비를보십시오. </div>
</div>
</div>
CSS 구현 데모 :
코드 박스를 실행하십시오
[Ctrl A All Selection 팁 : 먼저 코드를 수정 한 다음 실행을 누를 수 있습니다]
확장 데모 :
코드 박스를 실행하십시오
[Ctrl A All Selection 팁 : 먼저 코드를 수정 한 다음 실행을 누를 수 있습니다]
CSS 표현
-나는 많은 사람들 이이 방법을 사용하여 용기의 최소 너비를 달성하고 종종 열매를 맺을 때 설명 할 수없는 충돌로 인해 종종 어려움을 겪고 있다고 생각합니다.
여기에 지적 해야하는 두 가지 점이 있습니다.
1. IE6에서 뷰포트를 나타내는 요소는 표준 모드 및 Quirk 모드에서 다릅니다. 전자는 <html>이고 후자는 <body>입니다.
2. IE6에서 위의 두 가지 다른 모드, 컨텐츠가 넘치면 다른 증상이있어 과제 판단에서 죽은 루프가 발생합니다. 설명하는 것은 다소 장점입니다. 스스로 연습합시다.
CSS 표현식은 최소 너비 소스 코드를 구현합니다. <스타일 유형 = text/css>
Body {Text-Align : Center;}
#min-width {
최소값 : 900px;
_width : expression ((document.documentElement.clientWidth || document.body.clientWidth) <900? 900px :);
라인 높이 : 200px;
배경 : #CCC;
}
</스타일>
<div id = min-width> ie6-에서 컨테이너는 최소 폭에 효과의 시뮬레이션을 인식합니다. 브라우저 창 크기를 마음대로 변경 한 다음 버튼을 클릭하여 너비를보십시오. </div>
데모:
코드 박스를 실행하십시오
[Ctrl A All Selection 팁 : 먼저 코드를 수정 한 다음 실행을 누를 수 있습니다]
위의 두 솔루션은 IE6 표준 모드 및 Quirk 모드 모두에서 구현할 수 있습니다. IE Expression 은이 애플리케이션에서 CPU 효율 문제를 발견하지 못했습니다.