Javascript 如何增加影响td2的td1的大小？

我正在我的菜单页面上设计outlook。 因为我已经拖动了

td

，并且

td（id=“leftContent”）

的高度增加了，但问题是当我增加

td（id=“leftContent”）

的高度时，会自动增加

td2（id=“righcontent”）的高度。
因此，如何在不影响右侧内容的情况下仅增加左侧
td
的高度。
我的示例表代码

<table> 
     <tr>
          <td id="leftContent"></td> <!--This is just sample code because original code is very long and in left and right -->
          <td id="RightContent"></td> <!--content have many table and TD and tr-->
     </tr>
</table>

但这甚至不起作用

我尝试更改位置，如绝对、相对、静态和固定，将所有属性应用于右侧内容，但当我拖动
td
时，会自动增加右侧内容与左侧内容的高度。
这就是表格的工作方式
td
s在给定的
tr
内的高度始终相同

（我假设您的示例中缺少结束标记只是一个疏忽。）
12个问题，其中没有一个标记为已回答。您的html标记是错误的。应该是，这只是一个sample@paulslater19我想他只是加了一句评论
<div>
    <td id="leftContent">
<div>
<div>
    <td id="RightContent">
<div>