css - 嵌套的 CSS 溢出-(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>