Comment rendre div en tant que parent à 100% pas enfant
-
06-07-2019 - |
Question
J'essaie de créer un panneau déroulant dans une cellule de tableau.
Ce que j'aimerais, c'est que la div soit aussi large que la cellule du tableau, puis que les barres de défilement soient affichées pour le contenu.
Lorsque j'essaie ce qui suit, la div définit sa largeur à 100% de la balise span contenue, pas la cellule
<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>
J'étais sous l'impression que width = 100% devrait redimensionner sur parent pas sur enfant?
Des idées?
La solution
Une cellule de tableau vide n'a pas de largeur, l'étendue est celle qui force la largeur de la cellule. C'est pourquoi la largeur div est égale à la largeur de la cellule.
Autres conseils
Je l'ai essayé dans un div contenant au lieu d'un tableau et cela fonctionne bien.
Je suppose que la largeur de l'envergure interne fait que la largeur de td est de 2000 pixels