Html 如何生成溢出：scroll div与其容器的高度相同？里面的细节

我有一个有两列的网站，在包装器div中

包装器与最高的div具有相同的高度，它提供了floating-earthing，并提供了包装器

高度：100%

这是我的问题：其中一列是一个带有overflow:scroll和几个图像的div。我试图将它的高度设置为100%，以为它会占据包装纸的全部高度。取而代之的是，它变成了所有图像相互重叠的高度

如果我将带有图像的列的高度（

#rightbox

）设置为以像素为单位的特定高度，则会发生这种情况

我希望它与另一个包含文本的div具有相同的高度，因此我将其高度设置为100%。然后就发生了

如何使两列具有相同的高度

---

编辑：我忘了提到文本的数量是不同的，所以我无法定义包装的具体高度。

鉴于提供的代码数量有限。。。这里是一个纯css解决方案

---

​

除非您的父母提供实际身高，否则您不能将身高定义为

100%

#包装器{
高度：800px；
}
/*现在，您可以使内部的列达到其父级的完整高度*？
#包装器.列{
身高：100%；
溢出：自动；
}

---

注意：如果包装器位于

body

元素内部，那么您需要设置

html，body{height:100%；}

，然后才能将包装器设置为

100%

@BrorBojlén，rl3mon提供的附加说明修复了该问题。感谢您的回答！我忘了提到文本的数量是不同的，所以我不能为包装定义一个特定的高度。如果包装器不能有一个定义的高度，而overflow:scroll div需要一个定义的高度，那么看起来没有非解决方法可以让它工作。

.wrapper {
 height: 600px;
 width: 800px;   
}
.panel {
 float: left;
 width: 400px;  
 height: 100%;    
}
.panel.right {
 overflow: scroll;
}