嵌套的CSS overflow-（x）属性如何交互？

Question

我认为这足以构成我的问题。

在ExtJS 4.1.1面板中，在边框布局中观察到以下内容，其中包含用于调整包含树面板的面板大小的滑块。中间的文本显示了省略号截断，树面板显示了一小部分水平滚动条足以使...出现和消失。这是怎么回事？ “隐藏”是否触发......？

<div style='overflow-x: auto'>
<table>
 <tbody>
   <tr> <!-- no spec , chrome says 'visible'-->
    <td style='overflow-x: hidden'>
     <div style='overflow-x: hidden'>
       <span style='overflow-x: visible">
         This is a fairly long string
       </span>
     </div>
    </td>
   </tr>
  </tbody>
 </table>
 </div>