我有这个:
<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>
所以基本上我在一个 div 里面有一个表,它有一个标题行和一个第二行,其中有 2 个单元格,其中包含应该有一个滚动条的 div,以防 TEXT 太大而无法放入其中。只要 TEXT 适合,它就可以完美地工作并且看起来像我想要的那样,但是如果它不适合它,那么表格只会伸展自己并变得比包含它的 div 更大。如果我给单元格内的 div 一个固定的高度:
<div style="overflow-y:scroll;overflow-x:hidden;height:500px;">
<div style="padding:16px;word-wrap:break-word;">
TEXT
</div>
</div>
它会创建滚动条并按应有的方式滚动,但是我希望它具有表格单元格的大小,那么如何使其填充整个表格单元格但避免拉伸整个表格?