offsetWidth против scrollWidth: должны быть разные, но то же самое

Question

я посмотрел на: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively

Но это не так. Например,

.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           | 
|  ---------------------------------------------------- 
|          | 
|          | 
--------------------------------------- 

offsetWidth и scrollWidth основного сНу элемента одинаковы: 400. Они должны быть 400 и 600, соответственно, не так ли?

Answer 1

Появляется работа для меня?

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

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

Что вы используете, что возвращает неверное значение?