网页页面乱的缘故是由于IE6觉得1个DIV超宽了，因此把本应float;right的DIV挤了下去。而假如设定为IE6下显示信息一切正常的宽度，则在IE7和Firefox下看网页页面就会少了1块1样，也很别扭….
如何办？用CSS HACK 来改变CSS编码
改变前：xxx. yyy:{width:600px;} (当设为IE7和Firefox下显示信息一切正常的600px时
，IE6下会移位，改成590px，则IE6下一切正常，IE7和Firefox下显示信息有缺憾)
改变后： xxx. yyy{width:600px;* width:600px;_ width:590px;}
（Firefox不了解*和_，而IE都了解*，IE7不适用_，IE6适用_）
次序干万不必乱，由于当出現反复界定时，访问器默认设置按最终1下3D渲染，因此1
定要先一切正常，再*，最终_。
这样Firefox载入时只看到了一切正常的界定，而IE都能看到第2个*的界定，因而忽
略第1个一切正常的界定，而IE中由于IE7已不适用_，因此依照第1个带*号的实行，IE6适用_，所
以觉得带*后的也是反复界定，予以忽视，实行最终1个界定。
有人喜爱用!important来开展CSS HACK，但我感觉!important写起来过长了，不
如*和_简易直观。
要是记牢IE7=*，IE6=_，随后依照先Firefox后IE7，最终IE6的次序开展撰写，
1般便可以确保绝大多数客户访问一切正常了。 来源于：搜集梳理于互联网技术
IE下许多地区能够省略1些层界定的波动特性,可是FF不好,务必每一个个层都写清晰,几个DIV层水
平排序的情况下,IE6中务必要加display:inline;,要不然前端开发会出現双倍间隔,而FF中则加不加
display都显示信息一切正常.这些全是由访问器默认设置值的不一样而引发的,你看到那些大站的合理布局在各访问
器中都显示信息一切正常,是由于她们把这些默认设置有差别的地区都界定清晰了.
下面的适配关键点引自互联网技术
CSS对访问器的适配性具备很高的规定，一般状况下IE和Firefox(简称FF)存在很大的分析差别，
这里详细介绍1下适配关键点。
普遍的适配难题：
1.DOCTYPE危害CSS解决
2.FireFox火狐:div设定margin-left,margin-right为auto时早已垂直居中,IE不好
3.FireFox火狐:body设定text-align时,div必须设定margin:auto(关键是margin-left,margin-
right)即可垂直居中
4.FireFox火狐:设定padding后,div会提升height和width,但IE不容易,故必须用!important多设1
个height和width
5.FireFox火狐:适用!important,IE则忽视,能用!important为FireFox火狐非常设定款式
6.div的竖直垂直居中难题:vertical-align:middle;将行距提升到和全部DIV1样高line-
height:200px;随后插进文本，就竖直垂直居中了。缺陷是要操纵內容不必换行
7.cursor:pointer能够另外在IEFireFox火狐中显示信息游标手指状，hand仅IE能够
8.FireFox火狐:连接加边框和情况色，需设定display:block,另外设定float:left确保不换行。
参考menubar,给a和menubar设定高宽比是以便防止底边显示信息移位,若不设height,能够在menubar中
插进1个空格。
9.在mozillafirefox和IE中的BOX实体模型解释不1致致使相差2px处理方式：
div{margin:30px!important;margin:28px;}
留意这两个margin的次序1定不可以写反，据阿捷的说法!important这个特性IE不可以鉴别，但其他
访问器能够鉴别。因此在IE下实际上解释成这样：
div{maring:30px;margin:28px}
反复界定的话依照最终1个来实行，因此不能以只写margin:XXpx!important;
10.IE5和IE6的BOX解释不1致
IE5下
div{width:300px;margin:0 10px 0 10px;}
div的宽度会被解释为300px⑴0px(右填充)⑴0px(左填充)最后div的宽度为280px，而在IE6和其
他访问器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来测算的。这时候大家能够做如
下改动
div{width:300px !important;width/**/:340px;margin:0 10px 0 10px}
有关这个/**/是甚么我也不太搞清楚，只了解IE5和firefox都适用但IE6不适用
11.ul标识在Mozilla中默认设置是有padding值的,而在IE中仅有margin有值因此先界定
ul{margin:0;padding:0;}就可以处理绝大多数难题
