Css 表格行内100%高度的div溢出

我想创建一个表，其中一行包装其内容，另一行占用剩余空间。如果第二行的内容溢出，我希望它滚动。我可以在chrome上实现以下效果：

#容器{
宽度：500px；
高度：100px；
边框：3倍纯红；
}
#边栏{
身高：100%；
背景颜色：黄色；
溢出y：滚动；
}
#划船{
身高：100%；
}

这是一小段文字
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。

添加以下内容：

#单元{
身高：0；
}

这将尽可能降低单元格的高度–使

#边栏

溢出–但由于

#行

仍具有

高度：100%

，因此它将覆盖表的剩余空间

#容器{
宽度：500px；
高度：100px；
边框：3倍纯红；
}
#边栏{
身高：100%；
背景颜色：黄色；
溢出y：滚动；
}
#划船{
身高：100%；
}
#细胞{
身高：0；
}

这是一小段文字
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。

它不是纯粹的CSS，但它适用于所有浏览器：

---

哦，这实际上是更好的解决方案。非常聪明！谢谢这也可以，但我欣赏下面的纯CSS，因为它可以适应父容器大小的变化。我同意。奥利奥的解决方案比我的要优雅得多。

$(document).ready( function(){
  $('#sidebar').height($('#sidebar').parent().height());
} );