兼容IE6、IE7的min-width、max-width
警句：珍爱生命，远离IE 很多时候，我们会想要设置容器的最小宽度或最大宽度，但IE6不支持min-width、max-width属性怎么办？ 别着急，跟着我慢慢来，会让你捉急的还很多呢 首先我们来看看标准属性min-width、max-width效果如何： .ie-hack { min-width: 100px; max-width: 200px; } <div class="ie-hack">LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL</div> <div class="ie-hack">s</div> （图1-1 正常浏览器） （图1-2 IE6） 咦，好像不是预期的结果 哦，原来是block的原因。那我们改用inline-block吧： .ie-hack { min-width: 100px; max-width: 200px; display: inline-block; } <span class="ie-hack">LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL</span> <br> <span class="ie-hack">s</span> （图2-1 正常浏览器） （图2-2 IE6） 哦啦，正常浏览器的宽度限制实现了，那现在我们来解决IE6的问题 这里用只有IE6才识别的