有了下面这个网页在IE6下正常在IE7下错位的问题教程，不懂网页在IE6下正常在IE7下错位的问题的也能装懂了，赶紧get起来装逼一下吧！
【 tulaoshi.com - Web开发 】
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
问：
css+div做的网页在ie7里错位了，在ie6里好好的，这个在css里可以改吗？
答：
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见
cs.Phontol.com页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。Phontol.com而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一块一样，也很别扭.
cs.Phontol.com怎么办？用CSS HACK 来改写CSS代码
cs.Phontol.com
cs.Phontol.com改写前：xxx. yyy:{width:600px;} (当设为IE7和Firefox下显示正常的600px时，IE6下会错位，改为590px，则IE6下正常，IE7和Firefox下显示不完美)
cs.Phontol.com改写后： xxx. yyy{width:600px;* width:600px;_ width:590px;}
cs.Phontol.com（Firefox不认识*和_，而IE都认识*，IE7不支持_，IE6支持_）
cs.Phontol.com顺序千万不要乱，因为当出现重复定义时，浏览器默认按最后一下渲染，所以一定要先正常，再*，最后_。Phontol.com
cs.Phontol.com这样Firefox读取时只看到了正常的定义，而IE都能看到第二个*的定义，于是忽略第一个正常的定义，而IE中因为IE7不再支持_，所以按照第一个带*号的执行，IE6支持_，所以认为带*后的也是重复定义，予以忽略，执行最后一个定义。Phontol.com
cs.Phontol.com
cs.Phontol.com有人喜欢用!important来进行CSS HACK，但我觉得!important写起来太长了，不如*和_简单直观。Phontol.com
cs.Phontol.com
cs.Phontol.com只要记住IE7=*，IE6=_，然后按照先Firefox后IE7，最后IE6的顺序进行编写，一般就可以保证大部分用户浏览正常了。Phontol.com
来源:https://www.tulaoshi.com/n/20160219/1630104.html
看过《网页在IE6下正常在IE7下错位的问题》的人还看了以下文章 更多>>
