偏移宽度与滚动宽度:应该不同，但相同

Question

我看过：分别了解偏移宽度、客户端宽度、滚动宽度和高度

但事实并非如此。例如

.main {
   width: 400px;
   overflow: visible;
}
.main table {
  width: 600px;
}
<div class="main">
     <table>
         <thead><tr><th>Foo</th><th>Bar</th></tr></thead>
         <tbody>
              <tr><td>Row1</td><td>Hello</td></tr>
              <tr><td>Row2</td><td>World</td></tr>
         </tbody>
     </table>
</div>

---------------------------------------
|main                                 |
|      ----------------------------------------------------
|      | table                                            |
|      ----------------------------------------------------
|                                     |
|                                     |
---------------------------------------

主div 元素的 offsetWidth 和 scrollWidth 是相同的：400。它们应该分别是 400 和 600，对吧？

Answer 1

似乎对我有用？

http://codepen.io/anon/pen/EZEzGB

alert("Scrollwidth: " + document.getElementById('main').scrollWidth + "OffsetWidth: " + document.getElementById('main').offsetWidth);

你用什么返回了错误的值？