Javascript 溢出可见<；部门>；在<；td>；与另一个<；部门>；在下一个<；td>；

我需要创建一个具有

表格布局：固定的
的表格，第一个
中包含
溢出的
：可见的
，在下一个
中，另一个
进入
的头部，而不是停留在下面

结果我想：


的高度应该是原来的两倍，红色框会向下移动。
这是我的代码：


表格{
表布局：固定；
宽度：350px；
}
th、td、THAD、tbody{
边框：1px黑色实心；
}
th，td{
宽度：40px；
}
.1分部{
高度：40px；
宽度：300px；
溢出：可见；
背景颜色：棕色；
位置：相对位置；
z指数：10；
}
.第2分部{
高度：40px；
宽度：80px；
溢出：可见；
背景颜色：蓝色；
位置：相对位置；
z指数：20；
}

一个
两个
洛勒姆
洛雷姆勒姆
可以通过多种方式完成。其中一种方法是
位置：绝对
和调整css中的
顶部
值，还可以根据需要调整
中的
高度
属性


表格{
表布局：固定；
宽度：350px；
}
th、td、THAD、tbody{
边框：1px黑色实心；
}
th，td{
宽度：40px；
}
.1分部{
高度：40px；
宽度：300px；
溢出：可见；
背景颜色：棕色；
位置：相对位置；
z指数：10；
}
.第2分部{
高度：40px；
宽度：80px；
背景颜色：蓝色；
位置：绝对位置；
最高：70%
}

一个
两个
洛勒姆
洛雷姆勒姆
嗨，有一点我不太明白-你说红色盒子应该掉下来。那应该是蓝色的盒子吗（与图片对应）？当然，对不起，我指的是蓝色的盒子！！根据[link]developer.mozilla.org/en-US/docs/Web/HTML/Attributes，高度是一些标签（包括tr）上的遗留属性。