CSS를 사용하여 div의 최대 너비/높이 및 최소 너비/높이를 제어하는 ​​방법에 대한 자세한 설명

웹 페이지 제작 에서는 p 너비, 최대 너비/높이 또는 최소 너비/높이를 제어해야 하는 경우가 많지만 IE6에서는 많은 친구들이 비호환 문제를 겪게 됩니다. 저는 종종 이 문제를 Baidu에서 검색했지만 해결하지 못했습니다. 나중에 포럼에서 이 문제에 대해 알게 되었습니다. css3 스타일을 알려드리고 싶습니다. 코드. Time은 모든 주요 주류 브라우저와 완벽하게 호환됩니다.

* 최소 너비*/

.min_width{min-width:300px;
/* IE의 최대 너비 설정 */
_width:expression(document .body.clientWidth < 300 ? "300px" : "auto");
}

/* 최대 너비*/
.max_width{
max-width:600px;
/* IE의 최대 너비 설정 */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

/* 최소 높이 */
.min_height{
min-height:200px;
/* IE의 최소 높이 설정 */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto ");
}

/* 최대 높이*/
.max_height{
max-height:400px;
/* 최대 높이 설정 IE */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}

/* 최대 및 최소 너비 */
.min_and_max_width{
min-width:300px;
max-width:600px;
/* IE의 최소 너비 및 최대 너비 설정 */
_width: 표현식(
document.body.clientWidth < ; 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}

/* 최대 및 최소 높이 */
.min_and_max_height{
min-height:200px;
max-height:400px;
/* IE의 최소 높이 및 최대 높이 설정 */
_height: 표현식(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}

위 내용은 CSS를 사용하여 div의 최대 너비/높이 및 최소 너비/높이를 제어하는 ​​방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!