divを子ではなく親の100%としてレンダリングする方法
-
06-07-2019 - |
質問
表のセル内にスクロール可能なパネルを作成しようとしています。
私が望んでいるのは、divを表のセルと同じ幅にし、コンテンツのスクロールバーをレンダリングすることです。
次のことを試みると、divは幅をセルではなく含まれているspanタグの100%に設定します
<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>
私は、幅= 100%が子ではなく親でサイズを決めるべきだという印象を受けていましたか?
アイデアはありますか
解決
空のテーブルセルには幅がありません。スパンは、セルの幅を強制するものです。 divの幅がセルの幅と等しいのはそのためです。
他のヒント
表ではなくdivを含む内で試してみましたが、正常に動作します。
内側のスパン幅が原因でtd幅が2000pxになっていると思います
所属していません StackOverflow