Come rendere div come 100% di genitore non figlio

Question

Sto cercando di creare un pannello scorrevole all'interno di una cella di tabella.

Quello che vorrei è che il div fosse largo quanto la cella della tabella e quindi rendere le barre di scorrimento per il contenuto.

Quando provo quanto segue, il div imposta la sua larghezza al 100% del tag span contenuto non sulla cella

<table cellpadding="3" width="90%" align="center" border="0">
  <tr>
    <td>
       <div style="border: solid 1px red; height: 10px; width: 100%; overflow: auto;">
          <span style="width: 2000px;">a</span>
       </div>
    </td>
  </tr>
</table>

Avevo l'impressione che larghezza = 100% dovesse essere dimensionata sul genitore e non sul figlio?

Qualche idea?

Answer 1

Una cella di tabella vuota non ha larghezza, l'intervallo è quello che forza la larghezza della cella. Ecco perché la larghezza div è uguale alla larghezza della cella.

Answer 2

L'ho provato all'interno di un div contenente anziché una tabella e funziona bene.

Suppongo che la larghezza della campata interna stia causando che la larghezza td sia 2000px