css - 修复 IE7 div overflow-y : scroll from hiding contents behind the scrollbar

Question

根据下面的 jsfildde，我在 div(#body) 中有一个表格，该表格沿 y 轴滚动。我的问题是，在 IE 中，滚动条隐藏了它后面最后一个表格单元格的一部分，随后移动了表格列的布局。 Chome中没有这个问题，我必须支持这两种浏览器。我认为问题出在 IE 上，而 Chrome 正在正确呈现 CSS。如何让 IE 以与 Chrome 相同的方式显示我的列？

如果在两个浏览器中查看 fiddle ，就会发现表头与相应列不对齐的区别。

http://jsfiddle.net/5DD5b/3/

感谢您提出的任何建议。

编辑:它适用于 IE9，但不适用于需要支持的 7。

Answer 1

由于这个问题似乎只出现在 IE7 中，我决定根据 ihake 的建议检测 userAgent 并进行相应处理。这并不理想，但它确实有效。

var IE7 = false;

$(document).ready(function(){

    if($.browser.msie) {
        var userAgent = $.browser.version;
        if(userAgent.substring(0,userAgent.indexOf('.')) == 7) IE7 = true;
    }

    ...

在文件的更下方，如果 IE7 为真，我将 css 设置为一种方式，如果 IE7 为假，则以另一种方式设置。很简单。