私はこれを持っています:
<div style="position:absolute;top:275px;right:0px;left:0px;bottom:84px;padding:10px;">
<table border="1" style="width:100%;height:100%;">
<tr>
<th style="height:16px;width:50%;">Version notes</th>
<th style="height:16px;width:50%;">Instructions</th>
</tr>
<tr>
<td>
<div style="overflow-y:scroll;overflow-x:hidden;height:100%;">
<div style="padding:16px;word-wrap:break-word;">
TEXT
</div>
</div>
</td>
<td>
<div style="overflow-y:scroll;overflow-x:hidden;height:100%;">
<div style="padding:16px;word-wrap:break-word;">
TEXT
</div>
</div>
</td>
</tr>
</table>
</div>
したがって、基本的には、ヘッダー行と、TEXT が大きすぎて内部に収まらない場合に備えてスクロール バーが必要な div を含む 2 つのセルを含む div 内にテーブルがあります。それは完全に機能し、TEXTが収まる限り私が望むように見えますが、そうでない場合はテーブル自体が伸びて、それを含むdivよりも大きくなります。セル内の div に固定の高さを指定すると:
<div style="overflow-y:scroll;overflow-x:hidden;height:500px;">
<div style="padding:16px;word-wrap:break-word;">
TEXT
</div>
</div>
スクロールバーを作成してスクロールしますが、テーブルセルのサイズにしたいので、テーブルセル全体を埋めてテーブル全体を引き伸ばさないようにするにはどうすればよいですか?