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