停止表格单元格自动生长并跟随同一行中的单元格高度

Question

我有一张类似这样的表

<table style="width: 100%">
    <tbody>
        <tr>
            <td class="1" rowspan="2">
                Should control height of the long column
            </td>
            <td class="2">
                small content here
            </td>
        </tr>
        <tr>
            <td class="3" style="overflow-y: scroll;">
                Lots of vertical content here that flows down and off the screen
            </td>
        </tr>
    </tbody>
</table>

我想将第3类的高度设置为1级 - 2级。

这仅适用于CSS吗？或者这是一个jquery电话？

类1可以继续在活动页面上增长，我希望类3能够随之增长。

问题是第3类可以包含大量内容，只会渲染所有内容的高度。

请注意，有一些属性设置，类1的页面宽度为70％，而类2和3的宽度为20％。