有个页面不知何故,经多台IE9电脑测试,在其中两台IE9中只显示一小部分页面内容,如被裁剪。
测试电脑为一台IE9 RTM版,其余均为IE9.0.5。
如下图:
正常情况:
解决方法一:把页面顶部那一行的“都市直通车”的浮动去除后页面显示正常。
解决方法二:原先页面内通过内联样式设置body字体为font-family:Helvetica, Arial,sans-serif;,在部分IE9下(非上面显示异常的那几台),字体显示异常如下图,当把字体sans-serif删除后字体显示正常(测试电脑确认存在前两种字体,但似乎没有生效),页面显示不完整的BUG也消失。
2012年4月11日更新:造成原因为浮动清除不当,overflow:hidden滥用。