Question

使用overflow:auto在窄div下包装表格。在chrome，IE，FF下，宽度超过200，这是预期的。但在野生动物园中，这是100。

Jquery width（）docs没有提到这个？ https://api.jquery.com/width/

代码笔，打开控制台并滚动查看日志： http://codepen.io/anon/pen/adZxrd

如果失败，详情如下。

HTML：

<div class="outer">
  <table class="table table-hover table-condensed">
    <thead>
      <tr>
        <td>aaaaaaaaa</td>
        <td>bbbbbbbbbbbbbb</td>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
</div>

CSS：

.outer {
    width:100px;
  overflow:auto;
}

.inner {
    width:200px;
  border:1px solid black;
}

JS：

$('.outer').scroll(function(){
    console.log($('.table').width())
});

Answer 1

我找到了解决方案，至少对我而言。桌子上的max-width: 100%（似乎是默认值），奇怪的问题，但设置为none修复了它。

这个问题为我解决了这个问题：Javascript: Calculation of width in Safari/iOS for elements overflowing their containers

工作（更新）codepen：http://codepen.io/anon/pen/JRjOoy?editors=1111

Jquery width（）溢出Safari问题

1 个答案: