到底是什么，将一个原本好好的页面“糟蹋”成这样？且看下面的详细讲解……

图：这是在FireFox中显示的效果截图，已经乱的“令人抓狂”了

为什么在FireFox又有这么令人抓狂的显示呢？原来，这便是IE7的web标准之道的精髓了。随着web标准的推广和认可度的提高，IE7必须向web标准靠拢，但是有必须兼顾到，那些现在在IE6中还显示正常的亿万个已经存在的页面。这样矛盾就产生了——遵循标准就意味着页面会显示的乱七八糟，甚至无法浏览；但是如果太过于兼容IE6的那些烂摊子网页，又必然会离web标准越来越远。于是IE7走出了自己的web标准之道——绝对重视web标准，又稍微兼顾IE6的烂摊子。于是，IE7显示的那个页面虽然已经乱了，但是还不像在FireFox中显示的那样令人抓狂。

附：测试页面在Opera（版本9.25）中的显示效果截图（写文章的时候Opera正好有了新的升级版本）

图：这是在Opera中显示的效果截图，“乱的程度”和FireFox是一样的

“非也，非也”

“千万别用IE7，IE7太垃圾了，浏览页面会出现布局混乱，一些在IE6中显示好好的页面，用IE7浏览布局就会混乱。”这种言论在网上会经常见到，好像是IE7才导致了那些页面的混乱。其实，非也，非也。

悟空说：“师父快快回避，且待我一棒打死这妖精！”
八戒说：“师父，那个姑娘俊俏的很，怎么会是妖怪呢？大师兄他骗人的！”
唐僧说：“那位施主，只是一平常人家的姑娘，定然不会是什么妖魔鬼怪。悟空你休得胡言论语。”
白骨精说：“ohYeah！2比1，看来这下安全了！”

那些IE7浏览时会出现布局混乱的页面，就如同利用妖术变了身的白骨精一样，在八戒和唐僧的凡眼看来就是个俊俏的姑娘。但是，在猴哥的“火眼金睛”下便立刻现了形。而那些布局和样式隐藏着bug的页面，在IE6的袒护和包庇下，化身成“完美页面”，招摇过市。但是在IE7的严厉的审核下，自然“原形毕露”、“bug层出”，从而导致布局混乱。但是，令人遗憾的却是——IE7被那些不知情的“凡骨俗胎”的人们咒骂、贬低、踩在脚底……这是一出悲剧！

出处：JustinYoung's Blog
责任编辑：bluehearts

上一页 引起页面布局混乱的祸首 [2] 下一页 引起页面布局混乱的祸首 [4]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。