CSS的最大高度、最小高度及宽度在IE6下没有效果问题

在IE6浏览器中，CSS属性的最大高度、最小高度及宽度设置可能无效，这是因为IE6浏览器对这些属性的解释不够准确，无法正确实现。

解决这个问题的方法有两种，具体如下：

方法一：使用IE6专用hack方式

CSS Hack是一种针对特定版本浏览器编写特定样式代码的技巧。在IE6中解决最大高度、最小高度及宽度设置失效的问题，可以使用以下hack方式：

/* 最大高度 */
height: expression(this.scrollHeight > 200 ? "200px" : "auto");

/* 最小高度 */
min-height:expression(this.scrollHeight < 100 ? "100px" : "auto");

/* 宽度 */
width: expression(this.scrollWidth > 500 ? "500px" : "auto");

这里的expression是IE6浏览器的一个特性,可以将一段js代码嵌入到CSS属性中，实现复杂、动态的效果。

方法二：使用javascript动态设置样式

另一种方式是使用javascript动态设置CSS样式，这种方案结构简洁，但需要一定的javascript开发能力。

以下是一个js动态设置最大高度的例子：

var div = document.getElementById('myDiv');
div.style.maxHeight = '200px';
if (div.scrollHeight > 200) {
    div.style.height = '200px';
}

以上代码首先获取了一个id为“myDiv”的div元素，将它的最大高度设置为200px，接着通过判断元素内容的实际高度是否超出最大高度的限制，再将元素的高度动态设置为最大高度。这样即可达到在IE6中设置最大高度的效果。

类似地，可以使用js动态设置最小高度及宽度的代码实现，具体实现方式与上述例子类似，只需要将相关属性替换即可。

需要注意的是，这两种方式存在一定的兼容性问题，如果需要考虑更多的浏览器兼容性，可考虑使用其他解决方案。