Internet Explorer 中的 jquery offset().left 问题答案

【问题标题】：jquery offset().left issue in Internet ExplorerInternet Explorer 中的 jquery offset().left 问题
【发布时间】：2012-11-20 11:36:22
【问题描述】：

在重新调整浏览器的大小时，我在特定位置而不是在所有位置获得 DIV 标记的 offset().left 值减 1。这仅在 Internet Explorer 中。 Firefox 和 Chrome 显示常量值。

var initPoint = $('#myMenuDIV').offset().left;

<div id="myMenuDIV">
    <table>
        <tr>
            <td><div class="tabName">MenuItem01</div></td>
            <td><div class="tabName">MenuItem02</div></td>
            <td><div class="tabName">MenuItem03</div></td>
            <td><div class="tabName">MenuItem04</div></td>
        </tr>
    </table>
</div>

.tabName {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    width: 105px;
}

div 有一个左边距。因此，当我重新调整浏览器的大小时，div 会缓慢地向左移动。在 Firefox 和 chrome 中，移动是恒定的。在 Internet Explorer 中，它在中间略微移动。所以我在偏移量中得到了错误的值。这是IE的行为吗？

【问题讨论】：

我有一个表格，在 DIV 标记内有一行 6 列。
最好在问题中包含代码。
显示您的 HTML 并可能尝试在 jsfiddle.net 之类的东西上重现它

标签： jquery internet-explorer offset

【解决方案1】：

不确定这是否相关。但是你的项目中有 reset.css 吗？ reset.css 克服了浏览器默认填充和间距的问题

查看此链接到 reset.css 的讨论（或谷歌它） https://stackoverflow.com/questions/116754/best-css-reset

【讨论】：