Come rendere div come 100% di genitore non figlio
-
06-07-2019 - |
Domanda
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?
Soluzione
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.
Altri suggerimenti
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