CSS 제어 div 너비 최대 너비/높이 및 최소 너비/높이

웹페이지 제작에서는 div의 최대 너비/높이 또는 최소 너비/높이를 제어해야 하는 경우가 많지만 IE6에서는 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" :
_width ( 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" : "자동")
);
}