IE6中Iframe产生横向滚动条的解决办法

上帝才知道为什么IE6在国内还是那么强的生命力，甚至还有其“粉丝团”~~~哎，抱怨完毕。

最近在开发公司的新产品，在后台使用了大量的JQuery(jquery.layout, jquery.grid, jquery.ui等)，而今天要讲的问题就是在使用jquery.layout时遇到的，虽然使用了大量jquery插件，可是我并不想使用Ajax，因为目前产品还没有定型，只是在搭架子的时期，这时候应该是讲求快速实现及快速修改，所以并不打算在这个阶段使用Ajax。出于以上考虑，我选择了iframe，在FF中着实在让我小兴奋了一下，很精制的效果，配合jquery.ui使整个感觉很顺畅，完全达到我的预期。可是一到IE下，我就傻眼了，界面是常有的错位我就不提了，逐一修复后，发现出现了横向滚动条。

汗~~~根本不明白它是怎么来的。于是到网上查了一下，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。

同时也找到了解决的办法，第一和第二条比较常见（CSS解决：overflow-x: hidden;），也是我一开始想到的，而第三条是我使用的方法，在这里分享出来。

$(function(){
    if($.browser.msie&&$.browser.version=="6.0"&&$("html")[0].scrollHeight>$("html").height())
        $("html").css("overflowY","scroll");
});