max-width、max-height、min-width和min-height这四个性质（property）分别表示最大宽度、最大高度、最小宽度和最小高度。它们在CSS中有着很重要的作用，比如，它们可以用来很好地协调各种不同分辨率下用户端（client）的显示效果，举个例子，你设计的网页由于侧栏（sidebar）过宽，当用户使用640*480或者更小的分辨率浏览网页的话，就会导致内容（content）栏过窄，影响用户的阅读，一个办法是，把内容或者包含内容的div的宽度固定一个最小值，姑且是780px吧，那么我们可以这样写：min-width: 780px;，这样，当用户端分辨率的宽度在小于780px时，会在水平位置上出现滚动条，不至于影响布局，用户稍微移动一下滚动条就可以方便阅读主要内容。
然后，十分不幸的是，你知道我要说什么，就是IE，这个世界上使用者最多的浏览器，到目前的版本为止，对这四个性质没有一个能够，哪怕一点点的支持。这可让设计者吃尽了苦头，最明显的就是，当你使用float布局时，在IE中的一个臭毛病是，顶层div的宽度变小的时候（缩小窗口，分辨率低等），浮动的布局（一般是右边那一块跑到了下方）就会被破坏，变得一塌糊涂。这样即使是最开明的主管，也不能容忍你这样的设计……
天生不足，后天补上。web设计世界的天才多如牛毛，我们随便Google就能找到不少解决方案（solution），在抱怨IE的同时请向西半球鞠躬。当我写到这里时，我才开始一一验证我所找到的方案，结果让我大失所望，令另我把标题从“让max-*, min-*在IE中有效的解决方案”改成了“让max-*, min-*在IE6中有效的解决方案