1、max-width
复制代码
/* max-width for IE6 */
* html div.max-width {
width: expression(document.body.clientWidth > 299 ? “300px” : “auto”);
}
/* max-width for standards-compliant browsers */
div.max-width {
max-width: 300px;
}
2、min-width
复制代码
/* min-width for IE6 */
* html div.min-width {
width: expression(document.body.clientWidth < 301 ? “300px” : “auto”);
}
/* min-width for standards-compliant browsers */
div.min-width {
min-width: 300px;
}
3、max-height
复制代码
/* max-height for IE6 */
* html div.max-height {
height: expression(this.scrollHeight > 299 ? “300px” : “auto”);
}
/* max-height for standards-compliant browsers */
div.max-height {
max-height: 300px;
}
4、min-height
复制代码
/* min-height for IE6 */
div.min-height {
min-height: 500px;
height: auto !important;
height: 500px;
}
八、修复position:relative的Bug
这个Bug并不常见，因为我们有里在元素中使用position:relative达到某种效果。在现代浏览器使用position:relative属性定位嵌套元素不会有任何问题，但在IE6下并不是那么的友好，常给会我们的布局带来一些意想不到的错误。不过解决这样的问题很轻松，我们只需要给使用了相对定位的元素用zoom:1属性触发IE6下的hasLayout就可以解决。
复制代码
selector {
position: relative;
}
* html .selector {
zoom: 1;
}
注：使用zoom:1时不应该应用在行内元素(inline)上，不然在IE6下将触发元素为块元素。
九、修复margin的负值
负边距在我们平时的Web制作中，为了达到一定的效果也时常用到，而在现代浏览器中使用负的边距并不会有任何问题，但是在IE6下对负的margin值并不友好，除非你在目标元素上使用“position:relative”属性：
复制代码
.selector {
margin: -1.5em;
}
* html .selector {
position: relative;
zoom: 1;
}
十、修复overflow的问题
overflow是一个好东西呀，有时他可以帮我们把溢出的内容不在显示，有时也可以帮我们清除浮动（《Clear Float 》），用时还真离不开这个overflow。可是在IE6上使用overflow属性会给我们带来意想不到的、无法解释的显示问题。幸运的是我们配合hasLayout可以解决一下溢出问题，如下面的例子：
复制代码
.selector {
overflow: hidden
