Firefox 및 IE6에서 CSS의 최소 높이를 설정하는 방법

이 글에서는 주로 Firefox 및 IE6에서 CSS의 최소 높이를 설정하는 방법을 소개합니다. 이제 특정 참조 값을 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.

웹 레이아웃에서는 Firefox에서 CSS를 접하게 됩니다. .그리고 IE6의 최소 높이 설정 문제는 이 기사에서 해결 방법을 제공할 것이므로 알고 싶은 친구들은 참고하면 됩니다

IE6은 CSS에서 최소 높이를 지원하지 않으므로 높이가 다르더라도 IE6을 별도로 설정해야 합니다. IE6에서는 고정된 것 이상입니다. IE6에서는 높이도 자동으로 확장됩니다. 이 문제는 매우 혼란스럽습니다

#main{ 　　　　 
　　　　min-height:320px; //用于firefox 
　　　　_height:320px; //用于IE6 
}

특정 영역의 최소 높이를 특정 값으로 설정하면 Firefox, IE6 및 IE7에서 성능이 다릅니다. min-height 값만 설정하면 IE6에서는 인식되지 않지만, height 값을 설정하면 IE7과 Firefox에서는 위치가 고정됩니다. 이것은 큰 문제입니다. 그렇다면 다양한 브라우저와 다양한 버전을 조정하기 위해 최소 높이 문제를 어떻게 해결할 수 있을까요?

인터넷에서 관련 정보를 검색했는데 더 나은 해결책이 있습니다:

.distance { 
height:auto!important; 
height:100px; 
min-height:100px; 
}

! 가져오기(우선순위) 태그는 IE6에서 인식되지 않으므로 IE6에서는 위 코드가 다음과 같이 이해됩니다:

height:100px; 
min-height:100px;

그리고 IE7에서는 다음과 같습니다.

height:auto; 
min-height:100px;

여기서 우리가 사용하는 기능은 다음과 같습니다.
IE6은 !important 태그를 인식할 수 없습니다.
IE6은 min-height 태그를 인식할 수 없습니다.
IE6에서 height 태그의 최종 효과는 최소값과 동일합니다. IE7 및 Firefox 브라우저의 높이(최소 높이) 태그는
마침내 위의 문제를 해결할 수 있습니다.

또 다른 방법: (이해할 수 없지만 사용할 수 있습니다.)

.autoheight{ min-height:200px; height:200px;} 
[class].autoheight{height:auto;}

위 내용은 모두의 학습에 도움이 되기를 바랍니다. PHP 중국어 웹사이트로!

관련 권장 사항:

웹 페이지 배경 그라데이션을 구현하기 위한 CSS의 4가지 코드 설정

웹팩 패키징 후 페이지 이미지 경로에 직접 액세스하는 오류를 해결하는 방법

위 내용은 Firefox 및 IE6에서 CSS의 최소 높이를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!