css - ネストされたCSSオーバーフロー-（x）プロパティはどのように相互作用しますか？

Question

私の質問を提起するには、これで十分だと思います。

以下は、ツリーパネルを含むパネルのサイズを変更するためのスライダーを備えたボーダーレイアウトのExtJS4.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>