Javascript 如何安排动态高度和宽度的子列并设置其样式，以便父元素具有正确的维度，而不使用表？

对不起，我知道这个标题不是很容易解析（甚至不完整）。这应该比语言更好：

请注意，x和y是基于这些子对象内容的动态高度，不能保证其中一个比另一个大

我不想使用表，也不想依赖CSS3（用于calc之类的解决方案）。我认为这意味着，由于动态宽度要求，必须将两列中的一列从“静态”布局中删除。正因为如此，我认为这意味着除了Javascript之外，没有办法将父容器的大小调整到其子列的最大高度

我希望有人能证明我错了，因为我喜欢用CSS来做这件事。谢谢你，太棒了，社区

#包装器，#主{
溢出：隐藏；
}
#边栏{
浮动：左；
宽度：100px；
}

快速跟进问题：为什么溢出：隐藏在#main中会有这样的行为？